DOM 事件介紹

定義:

在計算中,事件是由軟體識別的可由軟體處理的動作或事件。計算機事件可以由系統,使用者或以其他方式生成或觸發。 定義來源

StackOverflow 文件

HTML 事件是 HTML 元素髮生的事物。JavaScript 可以對這些事件做出反應。通過 Event Listeners。此外,可以使用 dispatchEvent 觸發自定義事件。但這只是一個介紹,所以讓我們開始吧!


基本事件監聽器

要收聽事件,請致電 target.addEventListener(type, listener);

function loadImage() {
  console.log('image code here!');
}
var myButton = document.querySelector('#my-button');
myButton.addEventListener('click', loadImage);

每次點選 my-button 時都會觸發 loadImage。

事件偵聽器可以附加到 DOM 樹中的任何節點。檢視瀏覽器中本機觸發的所有事件的完整列表:在此處轉到完整事件列表的 MDN 連結