Javascript 如何手动触发 onchange 事件

发布于05月18日

我是通过日历设置日期的.显然，日历小部件的功能如下:

document.getElementById('datetimetext').value = date_value;

What I want is:
On changing value in the date-time textfield I need to reset some other fields in the page. I've added a onchange event listener to the datetimetext field which is not getting triggered, because I guess onchange gets triggered only when the element gets focus & its value is changed on losing focus.

因此，我正在寻找一种手动触发这个onchange事件的方法(我想应该判断文本字段中的值差).

有什么 idea 吗？

推荐答案

有几种方法可以做到这一点.如果onchange侦听器是通过element.onchange属性设置的函数，并且您不担心事件对象或冒泡/传播，那么最简单的方法就是调用该函数:

element.onchange();

如果需要完全模拟真实事件，或者通过html属性或addEventListener/attachEvent设置事件，则需要进行一些功能检测以正确触发事件:

if ("createEvent" in document) {
    var evt = document.createEvent("HTMLEvents");
    evt.initEvent("change", false, true);
    element.dispatchEvent(evt);
}
else
    element.fireEvent("onchange");