事件

HTML DOM 事件

https://www.runoob.com/jsref/dom-obj-event.html

鼠標(biāo)事件

屬性 描述 DOM
onclick 當(dāng)用戶點(diǎn)擊某個(gè)對(duì)象時(shí)調(diào)用的事件句柄。 2
oncontextmenu 在用戶點(diǎn)擊鼠標(biāo)右鍵打開(kāi)上下文菜單時(shí)觸發(fā)
ondblclick 當(dāng)用戶雙擊某個(gè)對(duì)象時(shí)調(diào)用的事件句柄。 2
onmousedown 鼠標(biāo)按鈕被按下。 2
onmouseenter 當(dāng)鼠標(biāo)指針移動(dòng)到元素上時(shí)觸發(fā)。 2
onmouseleave 當(dāng)鼠標(biāo)指針移出元素時(shí)觸發(fā) 2
onmousemove 鼠標(biāo)被移動(dòng)。 2
onmouseover 鼠標(biāo)移到某元素之上。 2
onmouseout 鼠標(biāo)從某元素移開(kāi)。 2
onmouseup 鼠標(biāo)按鍵被松開(kāi)。 2

鍵盤事件

屬性 描述 DOM
onkeydown 某個(gè)鍵盤按鍵被按下。 2
onkeypress 某個(gè)鍵盤按鍵被按下并松開(kāi)。 2
onkeyup 某個(gè)鍵盤按鍵被松開(kāi)。 2

框架/對(duì)象(Frame/Object)事件

屬性 描述 DOM
onabort 圖像的加載被中斷。 ( <object>) 2
onbeforeunload 該事件在即將離開(kāi)頁(yè)面(刷新或關(guān)閉)時(shí)觸發(fā) 2
onerror 在加載文檔或圖像時(shí)發(fā)生錯(cuò)誤。 ( <object>, <body>和 <frameset>)
onhashchange 該事件在當(dāng)前 URL 的錨部分發(fā)生修改時(shí)觸發(fā)。
onload 一張頁(yè)面或一幅圖像完成加載。 2
onpageshow 該事件在用戶訪問(wèn)頁(yè)面時(shí)觸發(fā)
onpagehide 該事件在用戶離開(kāi)當(dāng)前網(wǎng)頁(yè)跳轉(zhuǎn)到另外一個(gè)頁(yè)面時(shí)觸發(fā)
onresize 窗口或框架被重新調(diào)整大小。 2
onscroll 當(dāng)文檔被滾動(dòng)時(shí)發(fā)生的事件。 2
onunload 用戶退出頁(yè)面。 ( <body> 和 <frameset>) 2

表單事件

屬性 描述 DOM
onblur 元素失去焦點(diǎn)時(shí)觸發(fā) 2
onchange 該事件在表單元素的內(nèi)容改變時(shí)觸發(fā)( <input>, <keygen>, <select>, 和 <textarea>) 2
onfocus 元素獲取焦點(diǎn)時(shí)觸發(fā) 2
onfocusin 元素即將獲取焦點(diǎn)時(shí)觸發(fā) 2
onfocusout 元素即將失去焦點(diǎn)時(shí)觸發(fā) 2
oninput 元素獲取用戶輸入時(shí)觸發(fā) 3
onreset 表單重置時(shí)觸發(fā) 2
onsearch 用戶向搜索域輸入文本時(shí)觸發(fā) ( <input="search">)
onselect 用戶選取文本時(shí)觸發(fā) ( <input> 和 <textarea>) 2
onsubmit 表單提交時(shí)觸發(fā) 2

剪貼板事件

屬性 描述 DOM
oncopy 該事件在用戶拷貝元素內(nèi)容時(shí)觸發(fā)
oncut 該事件在用戶剪切元素內(nèi)容時(shí)觸發(fā)
onpaste 該事件在用戶粘貼元素內(nèi)容時(shí)觸發(fā)

打印事件

屬性 描述 DOM
onafterprint 該事件在頁(yè)面已經(jīng)開(kāi)始打印,或者打印窗口已經(jīng)關(guān)閉時(shí)觸發(fā)
onbeforeprint 該事件在頁(yè)面即將開(kāi)始打印時(shí)觸發(fā)

拖動(dòng)事件

事件 描述 DOM
ondrag 該事件在元素正在拖動(dòng)時(shí)觸發(fā)
ondragend 該事件在用戶完成元素的拖動(dòng)時(shí)觸發(fā)
ondragenter 該事件在拖動(dòng)的元素進(jìn)入放置目標(biāo)時(shí)觸發(fā)
ondragleave 該事件在拖動(dòng)元素離開(kāi)放置目標(biāo)時(shí)觸發(fā)
ondragover 該事件在拖動(dòng)元素在放置目標(biāo)上時(shí)觸發(fā)
ondragstart 該事件在用戶開(kāi)始拖動(dòng)元素時(shí)觸發(fā)
ondrop 該事件在拖動(dòng)元素放置在目標(biāo)區(qū)域時(shí)觸發(fā)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • ??JavaScript 與 HTML 之間的交互是通過(guò)事件實(shí)現(xiàn)的。 ??事件,就是文檔或?yàn)g覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,715評(píng)論 1 11
  • 事件源對(duì)象 event.srcElement.tagName event.srcElement.type 捕獲釋放...
    孤魂草閱讀 1,007評(píng)論 0 0
  • 本節(jié)介紹各種常見(jiàn)的瀏覽器事件。 鼠標(biāo)事件 鼠標(biāo)事件指與鼠標(biāo)相關(guān)的事件,主要有以下一些。 click 事件,dblc...
    許先生__閱讀 2,850評(píng)論 0 4
  • 事件 JavaScript和HTML的交互是通過(guò)事件實(shí)現(xiàn)的。JavaScript采用異步事件驅(qū)動(dòng)編程模型,當(dāng)文檔、...
    LouisJ閱讀 688評(píng)論 0 0
  • 本篇博客源地址 總結(jié): 鼠標(biāo)事件 1.click與dbclick事件ele.click()ele.click(ha...
    ZombieBrandg閱讀 755評(píng)論 0 1

友情鏈接更多精彩內(nèi)容