JQuery to Javascript點擊功能

Question

需要將JQuery轉換爲Javascipt的幫助。

林在嘗試，通過點擊在新sizeObject.changeSize函數的調用和改變兩個尺寸對象的isSize 變量和光DIV在瀏覽器

大小「更改尺寸」按鈕結果

我不想更改HTML。是否需要轉換。點擊功能

var sizeObject; 

function createSize(){ 

    //Size object initialisation 

    sizeObject = new Size(); 


    // size-related event handlers 

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

} 

Answer 1

相反的：

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

用途：

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

Answer 2

的規則的Javascript功能結合事件處理程序的幫助是addEventListener。

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