以编程方式操作DOM元素值不会触发onchange事件

Question

我有一个隐藏的表单字段，当按下按钮时，隐藏字段的值就会更改。 现在，我在隐藏字段中添加了一个观察者，监听发生的更改。 但是由于某种原因，即使隐藏元素的值发生了变化，事件侦听器也不会启动。 我正在使用Prototype和Firefox 3.6。

该代码大致如下所示：

button.observe('click', function(event) {
  hiddenField.setValue(someValue);
});

hiddenField.observe('change', function(event) {
  alert('It works!');
});

有人知道为什么后一个观察者不执行吗？

谢谢！

Answer 1

您需要event.simulate.js

触发事件。

button.observe('click', function(event) {
  hiddenField.setValue(someValue);
  hiddenField.simulate('change');
});

然后观察它：

hiddenField.observe('change', function(event) {
  alert('It works!');
});

Answer 2

我认为隐藏的input元素不会响应该事件。

我不知道原型，但我认为被触发的事件完全取决于浏览器。

这是JSbin上的jQuery的示例。 请注意，您自己更改文本会触发该事件，但是下一部分通过脚本更改该值的代码不会触发该事件。