javascript - JS/HTML onChange

Question

类似的问题。 :)

<input type="text" name="npcolor" id="npcolor" size="9" maxlength="9" value="<?=$userinfo->npcolor?>" onchange="change_npcolor()" readonly />
<input type="text" ID="np_sample" size="2" value="" readonly style="background-color:<?=$userinfo->npcolor?>" />
<input type="button" onclick="pickerPopup202('npcolor','np_sample');" value="Change" />

函数 pickerPopup202 正在改变 npcolor，但是当 npcolor 改变时它不调用 change_npcolor()。当我放置调用 change_npcolor 的额外按钮时，它会起作用。我也试过:

document.getElementById("npcolor").onchange='change_npcolor()';

没有成功。

附言改变 npcolor (pickerPopup202) 的 JS 不是我的，所有代码都在一行，所以我不能真正修改它。

Answer 1

当您动态更改值时，不会触发 onchange 事件。您需要自己调用 change_npcolor() 方法。您也可以调用 document.getElementById("npcolor").onchange()。(效率较低，但当事件处理程序最终可能更改时更灵活。)

您不能仅通过将带有 javascript 代码的字符串添加到 onchange 属性来更改事件监听器。但是，您可以这样做:

document.getElementById("npcolor").onchange = function(){
   change_npcolor();
}