javascript-events - Javascript : "onchange" event does not work with "value" change in "text input" object

Question

我有一个 javascript input对象 type="text"伴随着 onchange由(相关行)创建的事件:

var id_box = document.createElement('input');
id_box.id = 'id_box';
id_box.type = 'text';
id_box.onchange = function()
{
    alert("Changed!");
}

为了改变这个 value在此 input我使用的领域:

var a = document.createElement('a');
a.innerHTML = "A";
a.onclick = function()
{
    document.getElementById('id_box').value = 'A';
}

onchange事件仅适用于通过键盘输入更改值，而不适用于通过上述功能更改值。有什么办法可以使这个工作吗？

请看这个: http://jsfiddle.net/zCMdV/7/

Answer 1

你使用的是什么浏览器？

我做了这个例子，它对我有用......微妙的变化是我在将事件附加到 div 元素之前将事件添加到输入中。

<div id="test"></div>
<script type="text/javascript">
    var id_box = document.createElement('input');
    id_box.type = 'text';
    id_box.onchange = function()
    {
        alert("Changed!");
    }
    document.getElementById("test").appendChild(id_box);

</script>

在 JS Fiddle 上查看它的实际效果: http://jsfiddle.net/Sohnee/zCMdV/

更新:

如果您要自动更改值，您可以执行相同的操作来触发更改事件...

http://jsfiddle.net/Sohnee/zCMdV/10/

document.getElementById('id_box').onchange();