javascript - 如何以编程方式在输入上强制执行 onchange 事件？

Question

如何以编程方式在输入上强制执行 onchange 事件？

我试过这样的:

var code = ele.getAttribute('onchange');
eval(code);

但我的最终目标是触发任何监听器函数，但这似乎行不通。仅更新“值”属性也不行。

Answer 1

创建一个Event对象并将其传递给元素的dispatchEvent方法:

var element = document.getElementById('just_an_example');
var event = new Event('change');
element.dispatchEvent(event);

这将触发事件监听器，无论它们是通过调用 addEventListener 方法还是通过设置元素的 onchange 属性注册的。

---

默认情况下，像这样创建和分派(dispatch)的事件不会像事件通常那样向上传播(冒泡)DOM 树。

如果您希望事件冒泡，您需要将第二个参数传递给Event 构造函数:

var event = new Event('change', { bubbles: true });

---

关于浏览器兼容性的信息:

• dispatchEvent()
• Event()