DIV CSS 佈局教程網

一、事件是什麼？

在JavaScript中，事件往往是頁面的一些動作引起的，例如當用戶按下鼠標或者提交表單，甚至在頁面移動鼠標時，事件都會出現。

二、JavaScript事件

在JavaScript中，調用事件的方式共有2種：

（1）在script標簽中調用；

（2）在元素中調用；

1、鼠標事件

JavaScript鼠標事件 事件 說明 onclick 鼠標單擊事件 ondbclick 鼠標雙擊事件 onmouseover 鼠標移入事件 onmouseout 鼠標移出事件 onmousemove 鼠標移動事件 onmousedown 鼠標按下事件 onmouseup 鼠標松開事件

2、鍵盤事件

JavaScript鍵盤事件只有3個：

JavaScript鍵盤事件 方法 說明 onkeydown 按下鍵事件（包括數字鍵、功能鍵） onkeypress 按下鍵事件（只包含數字鍵） onkeyup 放開鍵事件（包括數字鍵、功能鍵）

三個事件的執行順序如下：onkeydown -> onkeypress ->onkeyup。

3、表單事件

在JavaScript中，常用的表單事件有4種：

JavaScript鼠標事件 事件 說明 onfocus 獲取焦點事件 onblur 失去焦點事件 onchange 狀態改變事件 onselect 選中文本事件

4、編輯事件

在JavaScript中，常見的編輯事件有3種：

JavaScript編輯事件 方法 說明 oncopy 復制事件 oncut 剪切事件 onpaste 粘貼事件

這3個事件都對應有一個“onbeforeXXX”事件，表示發生在該事件之前的事件。

5、頁面相關事件

在JavaScript中，常用的頁面相關事件有3種：

JavaScript編輯事件 方法 說明 onload 頁面加載事件 onresize 頁面大小事件 onerror 頁面或圖片加載出錯事件

在JavaScript事件中，對於不常用的事件如字幕滾動事件，我們一並省略。此外，有一個很重要的event對象。關於更加高級的JavaScript事件操作，請關注我們未來上線的JavaScript進階教程。

關於JavaScript的DOM操作、事件操作，你就算把 學習網翻爛都要把這些記住，重中之重。