javascript事件物件是什麼

在javascript中，事件物件（event）是用來記錄一些事件發生時的相關資訊的物件；事件物件只有事件發生時才會產生，並且只能是事件處理函數內部訪問，在所有事件處理函數運行結束後，事件物件就被銷毀。

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

什麼是事件物件(event)：

事件物件是用來記錄一些事件發生時的相關資訊的物件。

事件物件只有事件發生時才會產生，而且只能是事件處理函數內部訪問，在所有事件處理函數運行結束後，事件物件就被銷毀！

註：其實事件一直都是存在的（不管有沒有綁定 或 監聽），它只是沒有事件處理程序而已！ ！ ！

    JavaScript事件是：瀏覽器、文件（document）視窗中的發生的特定的互動瞬間；而JavaScript和HTML之間的互動行為就是透過事件來觸發的。

事件處理程序：

    事件處理程序：我們使用者在頁面中進行的點擊這個動作，滑鼠移動的動作，網頁頁面載入完成的動作等，都可以稱之為事件名稱，
即：click、mousemove、load等都是事件的名稱。回應某個事件的函數則稱為事件處理程序，或稱為事件偵聽器。

事件類型： 

在JavaScript中事件大至分為了三大類，分別是一般事件、表單事件、頁面事件這3種。

• UI事件：如load、unload、error、resize、scroll、select、DOMActive，是使用者與頁面上的元素互動時觸發的。

• 焦點事件：如blur、DOMFocusIn、DOMFocusOut、focus、focusin、focusout，在元素獲得或失去焦點的時候觸發，這些事件當中，最重要的是blur和focus，有一點需要引起注意，這一類事件不會發生冒泡！

• 滑鼠與滾輪事件：如click、dblclick、mousedown、mouseenter、mouseleave、mousemove、mouseout、mouseover、mouseup，是當使用者透過滑鼠在頁面執行操作時所觸發的。

• 滾輪事件：mousewheel（IE6 皆支援）、DOMMouseScroll（FF支援的，與mousewheel效果一樣）。是使用滑鼠滾輪時觸發的。

• 文字事件：textInput，在文件中輸入文字觸發。

• 鍵盤事件：keydown、keyup、keypress，當使用者透過鍵盤在頁面中執行動作時觸發。

• 合成事件：DOM3級新增，用於處理IME的輸入序列。所謂IME，指的是輸入法編輯器，可以讓使用者輸入在實體鍵盤上找不到的字元。 compositionstart、compositionupdate、compositionend三種事件。

• 變動事件：DOMsubtreeModified、DOMNodeInserted、DOMNodeRemoved、DOMAttrModified、DOMCharacterDataModified等，當底層DOM結構改變時觸發。 IE8-不支援。

• 變動名稱事件：指的是當元素或屬性名稱變動時觸發，目前已經棄用！

  對於事件的基本類型，隨著HTML5的出現與發展，又新增了HTML5事件、裝置事件(單點觸控)、觸控事件touch、手勢事件等各種事件等

其他事件如下

資源事件

#事件名稱	#何時觸發
error	資源載入失敗時。
abort	正在載入資源已經中止時。
load	資源及其相關資源已完成載入。
beforeunload	window，document 及其資源即將被卸載。
unload	文件或一個依賴資源正在被卸載。

網路事件

#事件名稱	何時觸發
online	瀏覽器已獲得網路存取。
offline	瀏覽器已失去網路存取。

WebSocket 事件

#事件名稱	何時觸發
open	WebSocket 連線已建立。
message	透過 WebSocket 接收到一則訊息。
error	WebSocket 連線異常關閉（例如有些資料無法傳送）。
close	WebSocket 連線已關閉。

CSS 動畫事件

事件名稱	何時觸發
animationstart	某個CSS 動畫開始時觸發。
animationend	某個 CSS 動畫完成時觸發。
animationiteration	某個 CSS 動畫完成後重新開始時觸發。

CSS 過渡事件

#事件名稱	何時觸發
transitionstart	監聽過渡事件開始時觸發。
transitionrun	監聽過渡事件進行時觸發。
transitionend	監聽過渡事件結束時觸發。

列印事件

#事件名稱	#何時觸發
beforeprint	印表機已經就緒時觸發。
afterprint	在印表機關閉時觸發。

剪貼簿事件

#事件名稱	何時觸發
cut	已經剪貼選取的文字內容並且複製到了剪貼簿。
copy	已經把選取的文字內容複製到剪貼簿了。
paste	從剪貼簿複製的文字內容被貼上。

【相關推薦：javascript學習教學#】

以上是javascript事件物件是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！