淺談JavaScript事件的屬性列表
HTML 4.0 的新特性之一是能夠使 HTML 事件觸發(fā)瀏覽器中的行為,比如當(dāng)用戶點擊某個 HTML 元素時啟動一段 JavaScript。下面是一個屬性列表,可將之插入 HTML 標(biāo)簽以定義事件的行為。
屬性 | 此事件發(fā)生在何時... |
---|---|
onabort | 圖像的加載被中斷。 |
onblur | 元素失去焦點。 |
onchange | 域的內(nèi)容被改變。 |
onclick | 當(dāng)用戶點擊某個對象時調(diào)用的事件句柄。 |
ondblclick | 當(dāng)用戶雙擊某個對象時調(diào)用的事件句柄。 |
onerror | 在加載文檔或圖像時發(fā)生錯誤。 |
onfocus | 元素獲得焦點。 |
onkeydown | 某個鍵盤按鍵被按下。 |
onkeypress | 某個鍵盤按鍵被按下并松開。 |
onkeyup | 某個鍵盤按鍵被松開。 |
onload | 一張頁面或一幅圖像完成加載。 |
onmousedown | 鼠標(biāo)按鈕被按下。 |
onmousemove | 鼠標(biāo)被移動。 |
onmouseout | 鼠標(biāo)從某元素移開。 |
onmouseover | 鼠標(biāo)移到某元素之上。 |
onmouseup | 鼠標(biāo)按鍵被松開。 |
onreset | 重置按鈕被點擊。 |
onresize | 窗口或框架被重新調(diào)整大小。 |
onselect | 文本被選中。 |
onsubmit | 確認(rèn)按鈕被點擊。 |
onunload | 用戶退出頁面。 |
鼠標(biāo) / 鍵盤屬性
屬性 | 描述 |
---|---|
altKey | 返回當(dāng)事件被觸發(fā)時,"ALT" 是否被按下。 |
button | 返回當(dāng)事件被觸發(fā)時,哪個鼠標(biāo)按鈕被點擊。 |
clientX | 返回當(dāng)事件被觸發(fā)時,鼠標(biāo)指針的水平坐標(biāo)。 |
clientY | 返回當(dāng)事件被觸發(fā)時,鼠標(biāo)指針的垂直坐標(biāo)。 |
ctrlKey | 返回當(dāng)事件被觸發(fā)時,"CTRL" 鍵是否被按下。 |
metaKey | 返回當(dāng)事件被觸發(fā)時,"meta" 鍵是否被按下。 |
relatedTarget | 返回與事件的目標(biāo)節(jié)點相關(guān)的節(jié)點。 |
screenX | 返回當(dāng)某個事件被觸發(fā)時,鼠標(biāo)指針的水平坐標(biāo)。 |
screenY | 返回當(dāng)某個事件被觸發(fā)時,鼠標(biāo)指針的垂直坐標(biāo)。 |
shiftKey | 返回當(dāng)事件被觸發(fā)時,"SHIFT" 鍵是否被按下。 |
常用HTML元素的事件:
onclick(單擊)、
ondblclick(雙擊)、
onkeydown(按鍵按下)、
onkeypress(點擊按鍵)、
onkeyup(按鍵釋放)、
onmousedown(鼠標(biāo)按下)、
onmousemove(鼠標(biāo)移動)、
onmouseout(鼠標(biāo)離開元素范圍)、
onmouseover(鼠標(biāo)移動到元素范圍)、
onmouseup(鼠標(biāo)按鍵釋放)、
oncontextmenu(在瀏覽器中單擊鼠標(biāo)右鍵顯示”右鍵菜單”時觸發(fā))
以上就是本文的全部內(nèi)容了,希望大家能夠喜歡。
相關(guān)文章
JavaScript中數(shù)組的合并以及排序?qū)崿F(xiàn)示例
這篇文章主要介紹了JavaScript中數(shù)組的合并以及排序?qū)崿F(xiàn)示例,是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-10-10JS數(shù)組遍歷中for,for in,for of,map,forEach各自的使用方法與優(yōu)缺點
這篇文章主要介紹了JS數(shù)組遍歷中for,for in,for of,map,forEach各自的使用方法與優(yōu)缺點,需要的朋友可以參考下2022-01-01JavaScript中的原型繼承基礎(chǔ)學(xué)習(xí)教程
這篇文章主要介紹了JavaScript中的原型繼承基礎(chǔ)學(xué)習(xí)教程,基于原型prototype的繼承是JavaScript中實現(xiàn)面向?qū)ο笾械睦^承特性的基本手段,需要的朋友可以參考下2016-05-05JavaScript中的prototype和constructor簡明總結(jié)
一直沒弄清楚JavaScript中的prototype和constructor屬性,今天看了看書,總算有點眉目了2014-04-04