Event是什么?注册事件监听的方式有哪些?
MDN中的解释
Event 接口表示在 dom 中发生的任何事件(常见事件); 一些是用户生成的(例如鼠标或键盘事件),而其他由 api 生成(例如指示动画已经完成运行的事件,视频已被暂停等等)。事件通常由外部源触发,同样也会以编程方式触发,例如执行一个 element 的一个 htmlElement.click( ) 方法,或通过定义事件,然后使用 EventTarget.dispatchEvent( ) 将其派发到一个指定的目标。有许多类型的事件,其中一些使用基于主要事件接口的其他接口。事件本身包含所有事件通用的属性和方法。
注册事件监听器主要方式有:
1. 使用EventTarget.addEventListener
let myButton=document.querySelector("#mybtn");
myButton.addEventListener('click', function(){
alert('Hello world');
}, false);2. 使用HTML元素属性
<div onclick="alert('hello')"></div>3. 使用DOM元素属性
let myButton=document.querySelector("#mybtn");
myButton.onclick=function(event){
alert('Hello world');
};本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!