Java中DOM的onchange不起作用

Question

var nameInput = document.createElement("input");
nameInput.type = "text";
nameInput.className = "loop_input";
nameInput.id = "nameAddress"+validLoadedEmails;
nameInput.value = data[0];
nameInput.onchange = editAddressHidden(validLoadedEmails);

似乎在创建元素时。 它将已经进入editAddressHidden函数，而不是进行更改。

Answer 1

根据您当前的代码：

nameInput.onchange = editAddressHidden(validLoadedEmails);

您可以认为这是“用我的editAddressHidden函数返回的值处理nameInput的onchange事件”。 但这不对（在这种情况下），因为您想使用editAddressHidden函数本身来处理onchange事件。

因此，将其包装在一个匿名函数中：

nameInput.onchange = function(){ editAddressHidden(validLoadedEmails) };

现在，每次onchange事件触发时，它将调用您的函数，这将依次调用editAddressHidden函数。

Answer 2

用这个

nameInput.onchange = function(){ editAddressHidden(validLoadedEmails) };

因为您调用editAddressHidden函数并将返回值分配为输入的更改处理程序，所以这不是您想要的。