事件基礎

一、事件

事件是什麽？

舉個例子，我們在點擊一個按鈕時，會彈出一個對話框。其中，“點擊”就是一個事件，“彈出對話框”就是我們在點擊這個事件後發生的動作。

在JS中，一個事件應該有三個部分：

? 事件主角

? 事件類型

? 事件過程

那麽常見的事件共有以下五種：

? 鼠標事件

? 鍵盤事件

? 表單事件

? 編輯事件

? 頁面事件

事件的調用方式

1. 在script標簽中調用事件

oBtn.onclick = function() {alert("xff賊帥");};

如何理解上面這句在script標簽中出現的語句？

其實就是給oBtn元素的onclick屬性（某一HTML屬性）賦值，只不過這個值是一個函數罷了。

2. 在元素中調用事件——這一方式其實就是上一句話更直觀的體現

<input type="button" onclick="alert(‘xff賊帥‘)" value="彈出"/>

在本方法中，我們是不需要通過getElementById或getElementsByTagName等方法獲取元素的，因為系統已經知道時間的主角是哪個元素了。

註：對比1.2.兩種方法，在實際開發中，我們更加傾向於第一種方法，因為這樣可以將HTML（結構）與JS（行為）分離，使代碼更具有可讀性和維護性。

JavaScript核心技術學習筆記（4）——事件基礎