javascript - 如何手动触发 onchange 事件？

Question

这个问题已经有答案了:

How to trigger event in JavaScript? (19 个回答)

已关闭 9 年前。

我正在通过日历小部件设置日期时间文本字段值。显然，日历小部件的作用如下:

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

我想要的是:
在更改日期时间文本字段中的值时，我需要重置页面中的一些其他字段。我添加了 onchange datetimetext 的事件监听器未触发的字段，因为我猜 onchange仅当元素获得焦点时才会触发，并且其值在失去焦点时会发生变化。

因此我正在寻找一种方法来手动触发此 onchange事件(我想应该负责检查文本字段中的值差异)。

有什么想法吗？

Answer 1

MDN建议在现代浏览器中有一种更简洁的方法来执行此操作:

// Assuming we're listening for e.g. a 'change' event on `element`

// Create a new 'change' event
var event = new Event('change');

// Dispatch it.
element.dispatchEvent(event);