jQuery to Java單擊功能

Question

在將JQuery轉換為Javascipt方面需要幫助。

我試圖通過單擊“更改大小”按鈕，導致對新的si​​zeObject.changeSize函數的調用以及對大小對象的isSize變量和瀏覽器中light div的大小的更改

我不想更改HTML。 在轉換.click函數方面需要幫助

var sizeObject;

function createSize(){

    //Size object initialisation

    sizeObject = new Size();


    // size-related event handlers

    $('#change').click(function(){
        Size.changeSize();
    });

}

Answer 1

用於綁定事件處理程序的常規Javascript函數是addEventListener 。

document.getElementById("change").addEventListener("click", function() {
    sizeObject.changeSize();
});

Answer 2

代替 ：

$('#change').click(function(){
  Size.changeSize();
});

采用 ：

var elem = document.getElementById("change"); 
elem.addEventListener("click", function() {
  Size.changeSize();
});