DOM事件基礎---事件三要素
阿新 • • 發佈：2022-03-15
事件：觸發響應的機制。
事件三要素
事件是由三部分組成【事件源、事件型別、事件處理程式】
1/事件源：事件觸發的物件 【誰 按鈕】
2/事件型別：如何觸發 什麼事件
比如【滑鼠點選（onclick）、滑鼠經過、鍵盤按下】
3/事件處理程式 通過一個函式賦值的方式完成
通過以下例子看一下
<body> <button id="btu">唐伯虎</button> <!-- button 標籤 id 名字是btu --> <script> //點選一個按鈕，彈出對話方塊 var btu = document.getElementById("btu"); //獲取button標籤 // 1. 事件源： 在獲取過來的btn就是事件觸發的物件 //2.事件型別：點選 onclick //3.事件處理程式 ： 通過一個函式完成，就是下面的onclick函式 btu.onclick = function () { alert("點秋香"); }; </script> </body>
執行事件的基礎
- 獲取事件源
var btu = document.getElementById("btu"); - 註冊事件（繫結事件）
btu.onclick - 新增事件處理程式（通過函式賦值的形式）
btu.onclick = function () {
alert("點秋香");
};