如何將 onchange() 事件附加到動態創建的輸入文本字段中？

Question

我正在嘗試將一個onchange()偵聽器附加到我的input文本字段中，在我的表中，如下所示：

var table = document.getElementById("employees");

var input = document.createElement("input");
input.type = "text";

var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2=row.insertCell(1);

cell1.innerHTML="<b>Name:</b>";
cell2.appendChild(input);

input.addEventListener("change",find_emp(input.value)); //not working
input.onchange=find_emp(input.value); //still not working

但是onchange()事件不起作用。 我該怎么做才能讓它發揮作用？

Answer 1

您可以對事件change和keyup使用箭頭函數，例如：

 var table = document.getElementById("employees"); var input = document.createElement("input"); input.type = "text"; var row = table.insertRow(0); var cell1 = row.insertCell(0); var cell2=row.insertCell(1); cell1.innerHTML="<b>Name:</b>"; cell2.appendChild(input); input.addEventListener("change",() => console.log("from change", input.value)); input.addEventListener("keyup",() => console.log("from keyup", input.value));

 <table id="employees" />