eventlistener在我将它添加到javascript时触发

Question

我试图做的是在不需要它们时添加和删除表格中的文本框。当用户键入文本框时，该功能需要执行。该页面加载了几个文本框，这个函数作为一个偶数监听器。 代码一直给我带来麻烦，所以我在函数的开头放置了一个断点（GC开发人员工具），并在文本框中键入。会发生什么就行了：

input.addEventListener("keypress", updateTextBox(TableName, input.id)); 

执行返回到函数的开头！

function updateTextBox(TableName, element) { 
       var numCells = document.getElementById(TableName).rows.length - 1; 
       var lastTxt = document.getElementById(TableName + numCells); 
       var curNum = element.id.replace(/^\D+/g, ''); 
       if (curNum != numCells && element.text == "" && lastTxt.text == "") { 
        document.getElementById(TableName).deleteRow(numCells); 
       } 
       else if (element.text != "" && lastTxt.text != "") { 
        var input = document.createElement("input"); 
        input.type = "text"; 
        nextNum = numCells + 2; 
        input.id = TableName + nextNum; 
        input.addEventListener("keypress", updateTextBox(TableName, input.id)); 
        newRow = document.getElementById(TableName).insertRow(); 
        newCell = newRow.insertCell(); 
        newCell.appendChild(input); 
       }    
      } 

Answer 1

您正在调用该函数，因此被调用。而是将其包装在一个匿名函数中。

input.addEventListener("keypress", function() { 
    updateTextBox(TableName, input.id)); 
});