好资源导航 » 文章资讯 » 如何在javascript中手动触发onchange事件？

如何在javascript中手动触发onchange事件？

2024-05-16 05:26:05 541

您可以使用dispatchEvent方法在单个元素上调度事件。假设您有一个带有onChange事件的元素测试-

<input id="test" type="text"/>

事件处理程序-

document.querySelector('#test').addEventListener('change', () =>
console.log("Changed!"))

手动触发事件-

const e = new Event("change");
const element = document.querySelector('#test')
element.dispatchEvent(e);

这将记录以下内容-

Changed!