如何爲輸入標記創建onclick事件

Question

我創建了一個輸入字段，並且希望點擊輸入字段時觸發一些事件。

對此，我使用onClick方法，但我的調試器不會去TableExpand()函數。即使在輸入標籤中，我也無法看到onClick事件。

這是我的代碼。

MyData = function(args) { 
    debugger; 
    var dataUrl = args.url; 
    var divID = args.divID; 
    var div = document.getElementById(divID); 

    var input = document.createElement("input"); 
     input.className = 'styled-select'; 
     input.style = 'width:30%' ; 
     input.id = "SearchInput"; 
     input.type = "text"; 
     input.title = "Madd"; 
     input.onclick = "TableExpand()"; // This is not adding in input tag. 

     div.appendChild(input); 

     //input.onkeyup = "TableExpand()"; 
     //input.addEventListener('click', 'TableExpand()'); 

     //div.onclick 

TableExpand = function(){ 
    debugger; 

} 
} 

任何人都可以請幫助我。

Answer 1

分配給onclick屬性的值需要爲函數。

您正在分配字符串。

input.onclick = TableExpand; 

...你還需要您嘗試使用它之前定義TableExpand。

使用函數聲明而不是函數表達式就足夠了（隨着聲明的提升）。

function TableExpand(){ 
    debugger; 
}