新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)JAVAscript和HTMLDOM參考手冊:HTMLDOM事件對象
HTML DOM 事件
HTML DOM 事件允許Javascript在HTML文檔元素中注冊不同事件處理程序。

創(chuàng)新互聯(lián)建站不只是一家網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司;我們對營銷、技術(shù)、服務(wù)都有自己獨特見解,公司采取“創(chuàng)意+綜合+營銷”一體化的方式為您提供更專業(yè)的服務(wù)!我們經(jīng)歷的每一步也許不一定是最完美的,但每一步都有值得深思的意義。我們珍視每一份信任,關(guān)注我們的網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計質(zhì)量和服務(wù)品質(zhì),在得到用戶滿意的同時,也能得到同行業(yè)的專業(yè)認(rèn)可,能夠為行業(yè)創(chuàng)新發(fā)展助力。未來將繼續(xù)專注于技術(shù)創(chuàng)新,服務(wù)升級,滿足企業(yè)一站式網(wǎng)絡(luò)營銷推廣需求,讓再小的高端網(wǎng)站設(shè)計也能產(chǎn)生價值!
事件通常與函數(shù)結(jié)合使用,函數(shù)不會在事件發(fā)生前被執(zhí)行!(如用戶點擊按鈕)。
提示: 在 W3C 2 級 DOM 事件中規(guī)范了事件模型。
HTML DOM 事件
DOM: 指明使用的 DOM 屬性級別。
鼠標(biāo)事件
| 屬性 | 描述 | DOM |
|---|---|---|
| onclick | 當(dāng)用戶點擊某個對象時調(diào)用的事件句柄。 | 2 |
| oncontextmenu | 在用戶點擊鼠標(biāo)右鍵打開上下文菜單時觸發(fā) | |
| ondblclick | 當(dāng)用戶雙擊某個對象時調(diào)用的事件句柄。 | 2 |
| onmousedown | 鼠標(biāo)按鈕被按下。 | 2 |
| onmouseenter | 當(dāng)鼠標(biāo)指針移動到元素上時觸發(fā)。 | 2 |
| onmouseleave | 當(dāng)鼠標(biāo)指針移出元素時觸發(fā) | 2 |
| onmousemove | 鼠標(biāo)被移動。 | 2 |
| onmouseover | 鼠標(biāo)移到某元素之上。 | 2 |
| onmouseout | 鼠標(biāo)從某元素移開。 | 2 |
| onmouseup | 鼠標(biāo)按鍵被松開。 | 2 |
鍵盤事件
| 屬性 | 描述 | DOM |
|---|---|---|
| onkeydown | 某個鍵盤按鍵被按下。 | 2 |
| onkeypress | 某個鍵盤按鍵被按下并松開。 | 2 |
| onkeyup | 某個鍵盤按鍵被松開。 | 2 |
框架/對象(Frame/Object)事件
| 屬性 | 描述 | DOM |
|---|---|---|
| onabort | 圖像的加載被中斷。 ( | 2 |
| onbeforeunload | 該事件在即將離開頁面(刷新或關(guān)閉)時觸發(fā) | 2 |
| onerror | 在加載文檔或圖像時發(fā)生錯誤。 ( | |
| onhashchange | 該事件在當(dāng)前 URL 的錨部分發(fā)生修改時觸發(fā)。 | |
| onload | 一張頁面或一幅圖像完成加載。 | 2 |
| onpageshow | 該事件在用戶訪問頁面時觸發(fā) | |
| onpagehide | 該事件在用戶離開當(dāng)前網(wǎng)頁跳轉(zhuǎn)到另外一個頁面時觸發(fā) | |
| onresize | 窗口或框架被重新調(diào)整大小。 | 2 |
| onscroll | 當(dāng)文檔被滾動時發(fā)生的事件。 | 2 |
| onunload | 用戶退出頁面。 ( 和 | 2 |
表單事件
| 屬性 | 描述 | DOM |
|---|---|---|
| onblur | 元素失去焦點時觸發(fā) | 2 |
| onchange | 該事件在表單元素的內(nèi)容改變時觸發(fā)( , |
2 |
| onfocus | 元素獲取焦點時觸發(fā) | 2 |
| onfocusin | 元素即將獲取焦點時觸發(fā) | 2 |
| onfocusout | 元素即將失去焦點時觸發(fā) | 2 |
| oninput | 元素獲取用戶輸入時觸發(fā) | 3 |
| onreset | 表單重置時觸發(fā) | 2 |
| onsearch | 用戶向搜索域輸入文本時觸發(fā) () | |
| onselect | 用戶選取文本時觸發(fā) ( 和 | 2 |
| onsubmit | 表單提交時觸發(fā) | 2 |
剪貼板事件
| 屬性 | 描述 | DOM |
|---|---|---|
| oncopy | 該事件在用戶拷貝元素內(nèi)容時觸發(fā) | |
| oncut | 該事件在用戶剪切元素內(nèi)容時觸發(fā) | |
| onpaste | 該事件在用戶粘貼元素內(nèi)容時觸發(fā) |
打印事件
| 屬性 | 描述 | DOM |
|---|---|---|
| onafterprint | 該事件在頁面已經(jīng)開始打印,或者打印窗口已經(jīng)關(guān)閉時觸發(fā) | |
| onbeforeprint | 該事件在頁面即將開始打印時觸發(fā) |
拖動事件
| 事件 | 描述 | DOM |
|---|---|---|
| ondrag | 該事件在元素正在拖動時觸發(fā) | |
| ondragend | 該事件在用戶完成元素的拖動時觸發(fā) | |
| ondragenter | 該事件在拖動的元素進入放置目標(biāo)時觸發(fā) | |
| ondragleave | 該事件在拖動元素離開放置目標(biāo)時觸發(fā) | |
| ondragover | 該事件在拖動元素在放置目標(biāo)上時觸發(fā) | |
| ondragstart | 該事件在用戶開始拖動元素時觸發(fā) | |
| ondrop | 該事件在拖動元素放置在目標(biāo)區(qū)域時觸發(fā) |
多媒體(Media)事件
| 事件 | 描述 | DOM |
|---|---|---|
| onabort | 事件在視頻/音頻(audio/video)終止加載時觸發(fā)。 | |
| oncanplay | 事件在用戶可以開始播放視頻/音頻(audio/video)時觸發(fā)。 | |
| oncanplaythrough | 事件在視頻/音頻(audio/video)可以正常播放且無需停頓和緩沖時觸發(fā)。 | |
| ondurationchange | 事件在視頻/音頻(audio/video)的時長發(fā)生變化時觸發(fā)。 | |
| onemptied | 當(dāng)期播放列表為空時觸發(fā) | |
| onended | 事件在視頻/音頻(audio/video)播放結(jié)束時觸發(fā)。 | |
| onerror | 事件在視頻/音頻(audio/video)數(shù)據(jù)加載期間發(fā)生錯誤時觸發(fā)。 | |
| onloadeddata | 事件在瀏覽器加載視頻/音頻(audio/video)當(dāng)前幀時觸發(fā)觸發(fā)。 | |
| onloadedmetadata | 事件在指定視頻/音頻(audio/video)的元數(shù)據(jù)加載后觸發(fā)。 | |
| onloadstart | 事件在瀏覽器開始尋找指定視頻/音頻(audio/video)觸發(fā)。 | |
| onpause | 事件在視頻/音頻(audio/video)暫停時觸發(fā)。 | |
| onplay | 事件在視頻/音頻(audio/video)開始播放時觸發(fā)。 | |
| onplaying | 事件在視頻/音頻(audio/video)暫?;蛘咴诰彌_后準(zhǔn)備重新開始播放時觸發(fā)。 | |
| onprogress | 事件在瀏覽器下載指定的視頻/音頻(audio/video)時觸發(fā)。 | |
| onratechange | 事件在視頻/音頻(audio/video)的播放速度發(fā)送改變時觸發(fā)。 | |
| onseeked | 事件在用戶重新定位視頻/音頻(audio/video)的播放位置后觸發(fā)。 | |
| onseeking | 事件在用戶開始重新定位視頻/音頻(audio/video)時觸發(fā)。 | |
| onstalled | 事件在瀏覽器獲取媒體數(shù)據(jù),但媒體數(shù)據(jù)不可用時觸發(fā)。 | |
| onsuspend | 事件在瀏覽器讀取媒體數(shù)據(jù)中止時觸發(fā)。 | |
| ontimeupdate | 事件在當(dāng)前的播放位置發(fā)送改變時觸發(fā)。 | |
| onvolumechange | 事件在音量發(fā)生改變時觸發(fā)。 | |
| onwaiting | 事件在視頻由于要播放下一幀而需要緩沖時觸發(fā)。 |
動畫事件
| 事件 | 描述 | DOM |
|---|---|---|
| animationend | 該事件在 CSS 動畫結(jié)束播放時觸發(fā) | |
| animationiteration | 該事件在 CSS 動畫重復(fù)播放時觸發(fā) | |
| animationstart | 該事件在 CSS 動畫開始播放時觸發(fā) |
過渡事件
| 事件 | 描述 | DOM |
|---|---|---|
| transitionend | 該事件在 CSS 完成過渡后觸發(fā)。 |
其他事件
| 事件 | 描述 | DOM |
|---|---|---|
| onmessage | 該事件通過或者從對象(WebSocket, Web Worker, Event Source 或者子 frame 或父窗口)接收到消息時觸發(fā) | |
| onmousewheel | 已廢棄。 使用onwheel 事件替代 | |
| ononline | 該事件在瀏覽器開始在線工作時觸發(fā)。 | |
| onoffline | 該事件在瀏覽器開始離線工作時觸發(fā)。 | |
| onpopstate | 該事件在窗口的瀏覽歷史(history 對象)發(fā)生改變時觸發(fā)。 | |
| onshow | 該事件當(dāng) | |
| onstorage | 該事件在 Web Storage(HTML 5 Web 存儲)更新時觸發(fā) | |
| ontoggle | 該事件在用戶打開或關(guān)閉 元素時觸發(fā) |
|
| onwheel | 該事件在鼠標(biāo)滾輪在元素上下滾動時觸發(fā) |
事件對象
常量
| 靜態(tài)變量 | 描述 | DOM |
|---|---|---|
| CAPTURING-PHASE | 當(dāng)前事件階段為捕獲階段(3) | 1 |
| AT-TARGET | 當(dāng)前事件是目標(biāo)階段,在評估目標(biāo)事件(1) | 2 |
| BUBBLING-PHASE | 當(dāng)前的事件為冒泡階段 (2) | 3 |
屬性
| 屬性 | 描述 | DOM |
|---|---|---|
| bubbles | 返回布爾值,指示事件是否是起泡事件類型。 | 2 |
| cancelable | 返回布爾值,指示事件是否可擁可取消的默認(rèn)動作。 | 2 |
| currentTarget | 返回其事件監(jiān)聽器觸發(fā)該事件的元素。 | 2 |
| eventPhase | 返回事件傳播的當(dāng)前階段。 | 2 |
| target | 返回觸發(fā)此事件的元素(事件的目標(biāo)節(jié)點)。 | 2 |
| timeStamp | 返回事件生成的日期和時間。 | 2 |
| type | 返回當(dāng)前 Event 對象表示的事件的名稱。 | 2 |
方法
| 方法 | 描述 | DOM |
|---|---|---|
| initEvent() | 初始化新創(chuàng)建的 Event 對象的屬性。 | 2 |
| preventDefault() | 通知瀏覽器不要執(zhí)行與事件關(guān)聯(lián)的默認(rèn)動作。 | 2 |
| stopPropagation() | 不再派發(fā)事件。 | 2 |
目標(biāo)事件對象
方法
| 方法 | 描述 | DOM |
|---|---|---|
| addEventListener() | 允許在目標(biāo)事件中注冊監(jiān)聽事件(IE8= attachEvent()) | 2 |
| dispatchEvent() | 允許發(fā)送事件到監(jiān)聽器上 (IE8 =fireEvent()) | 2 |
| removeEventListener() | 運行一次注冊在事件目標(biāo)上的監(jiān)聽事件(IE8 =detachEvent()) | 2 |
事件監(jiān)聽對象
方法
| 方法 | 描述 | DOM |
|---|---|---|
| handleEvent() | 把任意對象注冊為事件處理程序 | 2 |
文檔事件對象
方法
| 方法 | 描述 | DOM |
|---|---|---|
| createEvent() | 2 |
鼠標(biāo)/鍵盤事件對象
屬性
| 屬性 | 描述 | DOM |
|---|---|---|
| altKey | 返回當(dāng)事件被觸發(fā)時,"ALT" 是否被按下。 | 2 |
| button | 返回當(dāng)事件被觸發(fā)時,哪個鼠標(biāo)按鈕被點擊。 | 2 |
| clientX | 返回當(dāng)事件被觸發(fā)時,鼠標(biāo)指針的水平坐標(biāo)。 | 2 |
| clientY | 返回當(dāng)事件被觸發(fā)時,鼠標(biāo)指針的垂直坐標(biāo)。 | 2 |
| ctrlKey | 返回當(dāng)事件被觸發(fā)時,"CTRL" 鍵是否被按下。 | 2 |
| Location | 返回按鍵在設(shè)備上的位置 | 3 |
| charCode | 返回onkeypress事件觸發(fā)鍵值的字母代碼。 | 2 |
| key | 在按下按鍵時返回按鍵的標(biāo)識符。 | 3 |
| keyCode | 返回onkeypress事件觸發(fā)的鍵的值的字符代碼,或者 onkeydown 或 onkeyup 事件的鍵的代碼。 | 2 |
| which | 返回onkeypress事件觸發(fā)的鍵的值的字符代碼,或者 onkeydown 或 onkeyup 事件的鍵的代碼。 | 2 |
| metaKey | 返回當(dāng)事件被觸發(fā)時,"meta" 鍵是否被按下。 | 2 |
| relatedTarget | 返回與事件的目標(biāo)節(jié)點相關(guān)的節(jié)點。 | 2 |
| screenX | 返回當(dāng)某個事件被觸發(fā)時,鼠標(biāo)指針的水平坐標(biāo)。 | 2 |
| screenY | 返回當(dāng)某個事件被觸發(fā)時,鼠標(biāo)指針的垂直坐標(biāo)。 | 2 |
| shiftKey | 返回當(dāng)事件被觸發(fā)時,"SHIFT" 鍵是否被按下。 | 2 |
方法
| 方法 | 描述 | W3C |
|---|---|---|
| initMouseEvent() | 初始化鼠標(biāo)事件對象的值 | 2 |
| initKeyboardEvent() | 初始化鍵盤事件對象的值 | 3 |
網(wǎng)站名稱:創(chuàng)新互聯(lián)JAVAscript和HTMLDOM參考手冊:HTMLDOM事件對象
標(biāo)題鏈接:http://fisionsoft.com.cn/article/cccggdp.html


咨詢
建站咨詢
