網(wǎng)頁(yè)HTML設(shè)計(jì)培訓(xùn)—網(wǎng)頁(yè)設(shè)計(jì)中HTML事件屬性
HTML 4 增加了使事件(網(wǎng)頁(yè)HTML設(shè)計(jì)培訓(xùn))在瀏覽器中觸發(fā)動(dòng)作的能力,比如當(dāng)用戶點(diǎn)擊元素時(shí)啟動(dòng) JavaScript。
如需學(xué)習(xí)更多有關(guān)事件編程的知識(shí),請(qǐng)?jiān)L問我們的 JavaScript 教程。
下面列出了添加到 HTML 元素以(網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn))定義事件動(dòng)作的全局事件屬性。
= HTML5 中新的事件屬性。
針對(duì) window 對(duì)象觸發(fā)的事件(應(yīng)用到 標(biāo)簽):(網(wǎng)頁(yè)HTML設(shè)計(jì)培訓(xùn))
屬性 | 值 | 描述 |
---|---|---|
onafterprint | script | 文檔打印之后運(yùn)行的腳本。 |
onbeforeprint | script | 文檔打印之前運(yùn)行的腳本。 |
onbeforeunload | script | 文檔卸載之前運(yùn)行的腳本。 |
onerror | script | 在錯(cuò)誤發(fā)生時(shí)運(yùn)行的腳本。 |
onhaschange | script | 當(dāng)文檔已改變時(shí)運(yùn)行的腳本。 |
onload | script | 頁(yè)面結(jié)束加載之后觸發(fā)。 |
onmessage | script | 在消息被觸發(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)窗口成為可見時(shí)運(yùn)行的腳本。 |
onpopstate | script | 當(dāng)窗口歷史記錄改變時(shí)運(yùn)行的腳本。 |
onredo | script | 當(dāng)文檔執(zhí)行撤銷(redo)時(shí)運(yùn)行的腳本。 |
onresize | script | 當(dāng)瀏覽器窗口被調(diào)整大小時(shí)觸發(fā)。 |
onstorage | script | 在 Web Storage 區(qū)域更新后運(yùn)行的腳本。 |
onundo | script | 在文檔執(zhí)行 undo 時(shí)運(yùn)行的腳本。 |
onunload | script | 一旦頁(yè)面已下載時(shí)觸發(fā)(或者瀏覽器窗口已被關(guān)閉)。 |
由 HTML 表單內(nèi)的動(dòng)作(網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn))觸發(fā)的事件(應(yīng)用到幾乎所有 HTML 元素,但最常用在 form 元素中):
屬性 | 值 | 描述 |
---|---|---|
onblur | script | 元素失去焦點(diǎn)時(shí)運(yùn)行的腳本。 |
onchange | script | 在元素值被改變時(shí)運(yùn)行的腳本。 |
oncontextmenu | script | 當(dāng)上下文菜單被觸發(fā)時(shí)運(yùn)行的腳本。 |
onfocus | script | 當(dāng)元素失去焦點(diǎn)時(shí)運(yùn)行的腳本。 |
onformchange | script | 在表單改變時(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)表單中的重置按鈕被點(diǎn)擊時(shí)觸發(fā)。HTML5 中不支持。 |
onselect | script | 在元素中文本被選中后觸發(fā)。 |
onsubmit | script | 在提交表單時(shí)觸發(fā)。 |
屬性 | 值 | 描述 |
---|---|---|
onkeydown | script | 在用戶按下按鍵時(shí)觸發(fā)。 |
onkeypress | script | 在用戶敲擊按鈕時(shí)觸發(fā)。 |
onkeyup | script | 當(dāng)用戶釋放按鍵時(shí)觸發(fā)。 |
由鼠標(biāo)或類似(網(wǎng)頁(yè)HTML培訓(xùn))用戶動(dòng)作觸發(fā)的事件:
屬性 | 值 | 描述 |
---|---|---|
onclick | script | 元素上發(fā)生鼠標(biāo)點(diǎn)擊時(shí)觸發(fā)。 |
ondblclick | script | 元素上發(fā)生鼠標(biāo)雙擊時(shí)觸發(fā)。 |
ondrag | script | 元素被拖動(dòng)時(shí)運(yùn)行的腳本。 |
ondragend | script | 在拖動(dòng)操作末端運(yùn)行的腳本。 |
ondragenter | script | 當(dāng)元素元素已被拖動(dòng)到有效拖放區(qū)域時(shí)運(yùn)行的腳本。 |
ondragleave | script | 當(dāng)元素離開有效拖放目標(biāo)時(shí)運(yùn)行的腳本。 |
ondragover | script | 當(dāng)元素在有效拖放目標(biāo)上正在被拖動(dòng)時(shí)運(yùn)行的腳本。 |
ondragstart | script | 在拖動(dòng)操作開端運(yùn)行的腳本。 |
ondrop | script | 當(dāng)被拖元素正在被拖放時(shí)運(yùn)行的腳本。 |
onmousedown | script | 當(dāng)元素上按下鼠標(biāo)按鈕時(shí)觸發(fā)。 |
onmousemove | script | 當(dāng)鼠標(biāo)指針移動(dòng)到元素上時(shí)觸發(fā)。 |
onmouseout | script | 當(dāng)鼠標(biāo)指針移出元素時(shí)觸發(fā)。 |
onmouseover | script | 當(dāng)鼠標(biāo)指針移動(dòng)到元素上時(shí)觸發(fā)。 |
onmouseup | script | 當(dāng)在元素上釋放鼠標(biāo)按鈕時(shí)觸發(fā)。 |
onmousewheel | script | 當(dāng)鼠標(biāo)滾輪正在被滾動(dòng)時(shí)運(yùn)行的腳本。 |
onscroll | script | 當(dāng)元素滾動(dòng)條被滾動(dòng)時(shí)運(yùn)行的腳本。 |
由媒介(比如視頻、圖像和音頻)觸發(fā)(網(wǎng)頁(yè)HTML培訓(xùn))的事件(適用于所有 HTML 元素,但常見于媒介元素中)
推薦文章
2025-01-18
2024-11-28
2024-11-09
2024-10-25
2024-06-25
2024-01-04
2023-11-06
2023-10-30
2023-10-13
2023-10-10
穩(wěn)定
產(chǎn)品高可用性高并發(fā)貼心
項(xiàng)目群及時(shí)溝通專業(yè)
產(chǎn)品經(jīng)理1v1支持快速
MVP模式小步快跑承諾
我們選擇聲譽(yù)堅(jiān)持
10年專注高端品質(zhì)開發(fā)聯(lián)系我們
友情鏈接: