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');
};
相關文章
相關標籤/搜索