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);