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元素属性

3. 使用DOM元素属性

let myButton=document.querySelector("#mybtn");
myButton.onclick=function(event){
    alert('Hello world');
};

你可能感兴趣的:(html,javascript)