typescript/javascript触发元素的dom事件

本文主要是介绍typescript/javascript触发元素的dom事件，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

假设页面上有一个<input type="checkbox" id="checkbox"/>元素, 想要通过代码触发其change事件;

可以像下面这样做

const el = document.querySelector('#checkbox')!;
el.addEventListener('change', () => {
    alert('changed');
})
// dispatch event
const ev = document.createEvent('Event');
ev.initEvent('change', true, true);
el.dispatchEvent(ev);

这篇关于typescript/javascript触发元素的dom事件的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！