亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

HTML5事件方法全部匯總

  發(fā)布時(shí)間:2016-05-12 10:17:46   作者:佚名   我要評(píng)論
下面小編就為大家?guī)?lái)一篇HTML5事件方法全部匯總。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧

下面的表格列出了可插入 HTML 5 元素中以定義事件行為的標(biāo)準(zhǔn)事件屬性。

  • Window 事件屬性 - Window Event Attributes
  • 表單事件 - Form Events
  • 鍵盤事件 - Keybord Events
  • 鼠標(biāo)事件 - Mouse Events
  • 媒介事件 - Media Events

Window 事件屬性

window 對(duì)象觸發(fā)的事件。適用于 <body> 標(biāo)簽:

屬性 描述
onafterprint script 在打印文檔之后運(yùn)行腳本
onbeforeprint script 在文檔打印之前運(yùn)行腳本
onbeforeonload script 在文檔加載之前運(yùn)行腳本
onblur script 當(dāng)窗口失去焦點(diǎn)時(shí)運(yùn)行腳本
onerror script 當(dāng)錯(cuò)誤發(fā)生時(shí)運(yùn)行腳本
onfocus script 當(dāng)窗口獲得焦點(diǎn)時(shí)運(yùn)行腳本
onhaschange script 當(dāng)文檔改變時(shí)運(yùn)行腳本
onload script 當(dāng)文檔加載時(shí)運(yùn)行腳本
onmessage script 當(dāng)觸發(fā)消息時(shí)運(yùn)行腳本
onoffline script 當(dāng)文檔離線時(shí)運(yùn)行腳本
ononline script 當(dāng)文檔上線時(shí)運(yùn)行腳本
onpagehide script 當(dāng)窗口隱藏時(shí)運(yùn)行腳本
onpageshow script 當(dāng)窗口可見(jiàn)時(shí)運(yùn)行腳本
onpopstate script 當(dāng)窗口歷史記錄改變時(shí)運(yùn)行腳本
onredo script 當(dāng)文檔執(zhí)行再執(zhí)行操作(redo)時(shí)運(yùn)行腳本
onresize script 當(dāng)調(diào)整窗口大小時(shí)運(yùn)行腳本
onstorage script 當(dāng)文檔加載加載時(shí)運(yùn)行腳本
onundo script 當(dāng) Web Storage 區(qū)域更新時(shí)(存儲(chǔ)空間中的數(shù)據(jù)發(fā)生變化時(shí))
onunload script 當(dāng)用戶離開(kāi)文檔時(shí)運(yùn)行腳本

表單事件

由 HTML 表單內(nèi)部的動(dòng)作觸發(fā)的事件。適用于所有 HTML 5 元素,不過(guò)最常用于表單元素中:

屬性 描述
onblur script 當(dāng)元素失去焦點(diǎn)時(shí)運(yùn)行腳本
onchange script 當(dāng)元素改變時(shí)運(yùn)行腳本
oncontextmenu script 當(dāng)觸發(fā)上下文菜單時(shí)運(yùn)行腳本
onfocus script 當(dāng)元素獲得焦點(diǎn)時(shí)運(yùn)行腳本
onformchange script 當(dāng)表單改變時(shí)運(yùn)行腳本
onforminput script 當(dāng)表單獲得用戶輸入時(shí)運(yùn)行腳本
oninput script 當(dāng)元素獲得用戶輸入時(shí)運(yùn)行腳本
oninvalid script 當(dāng)元素?zé)o效時(shí)運(yùn)行腳本
onreset script 當(dāng)表單重置時(shí)運(yùn)行腳本。HTML 5 不支持。
onselect script 當(dāng)選取元素時(shí)運(yùn)行腳本
onsubmit script 當(dāng)提交表單時(shí)運(yùn)行腳本

鍵盤事件

由鍵盤觸發(fā)的事件。適用于所有 HTML 5 元素:

屬性 描述
onkeydown script 當(dāng)按下按鍵時(shí)運(yùn)行腳本
onkeypress script 當(dāng)按下并松開(kāi)按鍵時(shí)運(yùn)行腳本
onkeyup script 當(dāng)松開(kāi)按鍵時(shí)運(yùn)行腳本

鼠標(biāo)事件

由鼠標(biāo)或相似的用戶動(dòng)作觸發(fā)的事件。適用于所有 HTML 5 元素:

屬性 描述
onclick script 當(dāng)單擊鼠標(biāo)時(shí)運(yùn)行腳本
ondblclick script 當(dāng)雙擊鼠標(biāo)時(shí)運(yùn)行腳本
ondrag script 當(dāng)拖動(dòng)元素時(shí)運(yùn)行腳本
ondragend script 當(dāng)拖動(dòng)操作結(jié)束時(shí)運(yùn)行腳本
ondragenter script 當(dāng)元素被拖動(dòng)至有效的拖放目標(biāo)時(shí)運(yùn)行腳本
ondragleave script 當(dāng)元素離開(kāi)有效拖放目標(biāo)時(shí)運(yùn)行腳本
ondragover script 當(dāng)元素被拖動(dòng)至有效拖放目標(biāo)上方時(shí)運(yùn)行腳本
ondragstart script 當(dāng)拖動(dòng)操作開(kāi)始時(shí)運(yùn)行腳本
ondrop script 當(dāng)被拖動(dòng)元素正在被拖放時(shí)運(yùn)行腳本
onmousedown script 當(dāng)按下鼠標(biāo)按鈕時(shí)運(yùn)行腳本
onmousemove script 當(dāng)鼠標(biāo)指針移動(dòng)時(shí)運(yùn)行腳本
onmouseout script 當(dāng)鼠標(biāo)指針移出元素時(shí)運(yùn)行腳本
onmouseover script 當(dāng)鼠標(biāo)指針移至元素之上時(shí)運(yùn)行腳本
onmouseup script 當(dāng)松開(kāi)鼠標(biāo)按鈕時(shí)運(yùn)行腳本
onmousewheel script 當(dāng)轉(zhuǎn)動(dòng)鼠標(biāo)滾輪時(shí)運(yùn)行腳本
onscroll script 當(dāng)滾動(dòng)元素滾動(dòng)元素的滾動(dòng)條時(shí)運(yùn)行腳本

媒介事件

由視頻、圖像以及音頻等媒介觸發(fā)的事件。適用于所有 HTML 5 元素,不過(guò)在媒介元素(諸如 audio、embed、img、object 以及 video)中最常用:

屬性 描述
onabort script 當(dāng)發(fā)生中指事件時(shí)運(yùn)行腳本
oncanplay script 當(dāng)媒介能夠開(kāi)始播放但可能因緩沖而需要停止時(shí)運(yùn)行腳本
oncanplaythrough script 當(dāng)媒介能夠無(wú)需因緩沖而停止即可播放至結(jié)尾時(shí)運(yùn)行腳本
ondurationchange script 當(dāng)媒介長(zhǎng)度改變時(shí)運(yùn)行腳本
onemptied script 當(dāng)媒介資源元素突然為空時(shí)(網(wǎng)絡(luò)錯(cuò)誤、加載錯(cuò)誤等)運(yùn)行腳本
onended script 當(dāng)媒介已抵達(dá)結(jié)尾時(shí)運(yùn)行腳本
onerror script 當(dāng)在元素加載期間發(fā)生錯(cuò)誤時(shí)運(yùn)行腳本
onloadeddata script 當(dāng)加載媒介數(shù)據(jù)時(shí)運(yùn)行腳本
onloadedmetadata script 當(dāng)媒介元素的持續(xù)時(shí)間以及其他媒介數(shù)據(jù)已加載時(shí)運(yùn)行腳本
onloadstart script 當(dāng)瀏覽器開(kāi)始加載媒介數(shù)據(jù)時(shí)運(yùn)行腳本
onpause script 當(dāng)媒介數(shù)據(jù)暫停時(shí)運(yùn)行腳本
onplay script 當(dāng)媒介數(shù)據(jù)將要開(kāi)始播放時(shí)運(yùn)行腳本
onplaying script 當(dāng)媒介數(shù)據(jù)已開(kāi)始播放時(shí)運(yùn)行腳本
onprogress script 當(dāng)瀏覽器正在取媒介數(shù)據(jù)時(shí)運(yùn)行腳本
onratechange script 當(dāng)媒介數(shù)據(jù)的播放速率改變時(shí)運(yùn)行腳本
onreadystatechange script 當(dāng)就緒狀態(tài)(ready-state)改變時(shí)運(yùn)行腳本
onseeked script 當(dāng)媒介元素的定位屬性[1]不再為真且定位已結(jié)束時(shí)運(yùn)行腳本
onseeking script 當(dāng)媒介元素的定位屬性為真且定位已開(kāi)始時(shí)運(yùn)行腳本
onstalled script 當(dāng)取回媒介數(shù)據(jù)過(guò)程中(延遲)存在錯(cuò)誤時(shí)運(yùn)行腳本
onsuspend script 當(dāng)瀏覽器已在取媒介數(shù)據(jù)但在取回整個(gè)媒介文件之前停止時(shí)運(yùn)行腳本
ontimeupdate script 當(dāng)媒介改變其播放位置時(shí)運(yùn)行腳本
onvolumechange script 當(dāng)媒介改變音量亦或當(dāng)音量被設(shè)置為靜音時(shí)運(yùn)行腳本
onwaiting script 當(dāng)媒介已停止播放但打算繼續(xù)播放時(shí)運(yùn)行腳本

[1]:定位屬性的英文譯文是:seeking attribute。

以上這篇HTML5事件方法全部匯總就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • HTML5實(shí)現(xiàn)的輕量級(jí)繪制SVG輪廓線路徑動(dòng)畫(huà)插件特效源碼

    是一段實(shí)現(xiàn)了五款輕量級(jí)繪制SVG輪廓線路徑動(dòng)畫(huà)效果代碼,本段代碼適應(yīng)于所有網(wǎng)頁(yè)使用,有需要的朋友們可以前來(lái)下載使用
    2016-05-16
  • html5 實(shí)現(xiàn)客戶端驗(yàn)證上傳文件的大小(簡(jiǎn)單實(shí)例)

    下面小編就為大家?guī)?lái)一篇html5 實(shí)現(xiàn)客戶端驗(yàn)證上傳文件的大小(簡(jiǎn)單實(shí)例)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-05-15
  • html5基于鼠標(biāo)滾動(dòng)控制植樹(shù)生長(zhǎng)動(dòng)畫(huà)特效源碼

    這是一款html5基于鼠標(biāo)滾動(dòng)控制植樹(shù)生長(zhǎng)動(dòng)畫(huà)特效源碼,伴隨著鼠標(biāo)滾輪的滾動(dòng)可呈現(xiàn)出樹(shù)木生長(zhǎng)的動(dòng)畫(huà)效果。整體動(dòng)畫(huà)漸變效果流暢自然
    2016-05-13
  • 【HTML5】Canvas繪制簡(jiǎn)單圖片教程

    下面小編就為大家?guī)?lái)一篇【HTML5】Canvas繪制簡(jiǎn)單圖片教程。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧,祝大家游戲愉快哦
    2016-05-13
  • HTML5實(shí)現(xiàn)頁(yè)面切換激活的PageVisibility API使用初探

    這篇文章主要介紹了HTML5實(shí)現(xiàn)頁(yè)面切換激活的PageVisibility API使用初探,PageVisibility可以使我們?cè)谇袚Q瀏覽器tab頁(yè)面時(shí)自動(dòng)停止和播放視頻,需要的朋友可以參考下
    2016-05-13
  • HTML5的Geolocation地理位置定位API使用教程

    地理位置(Geolocation)是 HTML5 的重要特性之一,提供了確定用戶位置的功能,借助這個(gè)特性能夠開(kāi)發(fā)基于位置信息的應(yīng)用,今天這篇文章就向大家介紹一下HTML5的Geolocation地理
    2016-05-12
  • HTML5中的強(qiáng)制下載屬性download使用實(shí)例解析

    鏈接中加入download屬性可以使用戶將文件下載下來(lái)而不是直接用瀏覽器打開(kāi),截止到目前為止對(duì)HTML5提供支持的瀏覽器已經(jīng)對(duì)這個(gè)屬性支持得比較好了,下面我們就來(lái)詳細(xì)看一下HTM
    2016-05-12
  • HTML5全屏響應(yīng)式縮放切換幻燈片代碼

    HTML5全屏響應(yīng)式縮放切換幻燈片代碼是一款切換的時(shí)候當(dāng)前slide會(huì)平滑縮小并移動(dòng),下一個(gè)slide會(huì)從縮小狀態(tài)逐漸放大并移動(dòng)到屏幕中間,效果不錯(cuò)。需要的朋友前來(lái)下載源碼哦
    2016-05-10
  • 深入理解HTML的FormData對(duì)象

    下面小編就為大家?guī)?lái)一篇深入理解HTML的FormData對(duì)象。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧,祝大家游戲愉快哦
    2016-05-17

最新評(píng)論