typescript/javascript触发元素的dom事件
2021-07-16 11:50
489 查看
假设页面上有一个
<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);
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Javascript处理DOM元素事件实现代码
- jQuery事件函数－点击、双击、键盘按键、鼠标滑动、失去焦点、显示哪个 DOM 元素触发了事件／返回事件的类型。等
- javascript:触发DOM的onclick事件
- javascript 得到事件触发元素
- event.target 属性返回哪个 DOM 元素触发了事件。
- 便捷替换背景色与其他属性onmousemove="javascript:this.bgColor='#FCFDEE';",当DOM事件触发时this代表触发事件的DOM对象，所以可以使用对应DOM对象的属性和方法。
- javaScript中取消DOM元素事件传递示例
- javascript,jquery动态添加dom元素，并设定css属性，点击事件
- target属性用于返回最初触发事件的DOM元素。
- 在jsp页面利用函数触发事件，根据dom元素的值来设置另一个dom元素的值
- Javascript处理DOM元素事件
- javaScript 获得触发事件的元素 支持IE FireFox
- JavaScript DOM编程基础精华01（DOM入门，DOM模型和获取页面元素,事件，window对象的方法）
- Javascript基础（4）事件的监听 及 传递、DOM添加元素
- JavaScript中DOM元素的事件
- JavaScript DOM编程基础精华01（DOM入门，DOM模型和获取页面元素,事件，window对象的方法）
- 如何显示哪个 DOM 元素触发了事件
- Javascript自动触发页面元素事件
- 如何让动态创建的页面元素响应用户事件 (HTML/javascript/jQuery/Ajax/DOM)
- Javascript处理DOM元素事件实现代码