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');
};本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!