如何将 onchange() 事件附加到动态创建的输入文本字段中？

Question

I am trying to attach an onchange() listener into my input text field, inside my table like this:

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

But the onchange() event is not working. What do I do in order to make it work?

Answer 1

You could use an arrow function for both events change and keyup like:

 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" />