您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關javascript中事件對象是什么意思的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
在javascript中,事件對象(event)是用來記錄一些事件發生時的相關信息的對象;事件對象只有事件發生時才會產生,并且只能是事件處理函數內部訪問,在所有事件處理函數運行結束后,事件對象就被銷毀。
本教程操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
事件對象是用來記錄一些事件發生時的相關信息的對象。
事件對象只有事件發生時才會產生,并且只能是事件處理函數內部訪問,在所有事件處理函數運行結束后,事件對象就被銷毀!
注:其實事件一直都是存在的(不管有沒有綁定 或 監聽),它只是沒有事件處理程序而已!!!
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 | 瀏覽器已失去網絡訪問。 |
事件名稱 | 何時觸發 |
---|---|
open | WebSocket 連接已建立。 |
message | 通過 WebSocket 接收到一條消息。 |
error | WebSocket 連接異常被關閉(比如有些數據無法發送)。 |
close | WebSocket 連接已關閉。 |
事件名稱 | 何時觸發 |
---|---|
animationstart | 某個 CSS 動畫開始時觸發。 |
animationend | 某個 CSS 動畫完成時觸發。 |
animationiteration | 某個 CSS 動畫完成后重新開始時觸發。 |
事件名稱 | 何時觸發 |
---|---|
transitionstart | 監聽過渡事件開始時觸發。 |
transitionrun | 監聽過渡事件進行時觸發。 |
transitionend | 監聽過渡事件結束時觸發。 |
事件名稱 | 何時觸發 |
---|---|
beforeprint | 打印機已經就緒時觸發。 |
afterprint | 打印機關閉時觸發。 |
事件名稱 | 何時觸發 |
---|---|
cut | 已經剪貼選中的文本內容并且復制到了剪貼板。 |
copy | 已經把選中的文本內容復制到了剪貼板。 |
paste | 從剪貼板復制的文本內容被粘貼。 |
感謝各位的閱讀!關于“javascript中事件對象是什么意思”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。