淺談JavaScript事件的屬性列表
HTML 4.0 的新特性之一是能夠使 HTML 事件觸發(fā)瀏覽器中的行為,比如當(dāng)用戶點(diǎn)擊某個(gè) HTML 元素時(shí)啟動(dòng)一段 JavaScript。下面是一個(gè)屬性列表,可將之插入 HTML 標(biāo)簽以定義事件的行為。
| 屬性 | 此事件發(fā)生在何時(shí)... |
|---|---|
| onabort | 圖像的加載被中斷。 |
| onblur | 元素失去焦點(diǎn)。 |
| onchange | 域的內(nèi)容被改變。 |
| onclick | 當(dāng)用戶點(diǎn)擊某個(gè)對(duì)象時(shí)調(diào)用的事件句柄。 |
| ondblclick | 當(dāng)用戶雙擊某個(gè)對(duì)象時(shí)調(diào)用的事件句柄。 |
| onerror | 在加載文檔或圖像時(shí)發(fā)生錯(cuò)誤。 |
| onfocus | 元素獲得焦點(diǎn)。 |
| onkeydown | 某個(gè)鍵盤(pán)按鍵被按下。 |
| onkeypress | 某個(gè)鍵盤(pán)按鍵被按下并松開(kāi)。 |
| onkeyup | 某個(gè)鍵盤(pán)按鍵被松開(kāi)。 |
| onload | 一張頁(yè)面或一幅圖像完成加載。 |
| onmousedown | 鼠標(biāo)按鈕被按下。 |
| onmousemove | 鼠標(biāo)被移動(dòng)。 |
| onmouseout | 鼠標(biāo)從某元素移開(kāi)。 |
| onmouseover | 鼠標(biāo)移到某元素之上。 |
| onmouseup | 鼠標(biāo)按鍵被松開(kāi)。 |
| onreset | 重置按鈕被點(diǎn)擊。 |
| onresize | 窗口或框架被重新調(diào)整大小。 |
| onselect | 文本被選中。 |
| onsubmit | 確認(rèn)按鈕被點(diǎn)擊。 |
| onunload | 用戶退出頁(yè)面。 |
鼠標(biāo) / 鍵盤(pán)屬性
| 屬性 | 描述 |
|---|---|
| altKey | 返回當(dāng)事件被觸發(fā)時(shí),"ALT" 是否被按下。 |
| button | 返回當(dāng)事件被觸發(fā)時(shí),哪個(gè)鼠標(biāo)按鈕被點(diǎn)擊。 |
| clientX | 返回當(dāng)事件被觸發(fā)時(shí),鼠標(biāo)指針的水平坐標(biāo)。 |
| clientY | 返回當(dāng)事件被觸發(fā)時(shí),鼠標(biāo)指針的垂直坐標(biāo)。 |
| ctrlKey | 返回當(dāng)事件被觸發(fā)時(shí),"CTRL" 鍵是否被按下。 |
| metaKey | 返回當(dāng)事件被觸發(fā)時(shí),"meta" 鍵是否被按下。 |
| relatedTarget | 返回與事件的目標(biāo)節(jié)點(diǎn)相關(guān)的節(jié)點(diǎn)。 |
| screenX | 返回當(dāng)某個(gè)事件被觸發(fā)時(shí),鼠標(biāo)指針的水平坐標(biāo)。 |
| screenY | 返回當(dāng)某個(gè)事件被觸發(fā)時(shí),鼠標(biāo)指針的垂直坐標(biāo)。 |
| shiftKey | 返回當(dāng)事件被觸發(fā)時(shí),"SHIFT" 鍵是否被按下。 |
常用HTML元素的事件:
onclick(單擊)、
ondblclick(雙擊)、
onkeydown(按鍵按下)、
onkeypress(點(diǎn)擊按鍵)、
onkeyup(按鍵釋放)、
onmousedown(鼠標(biāo)按下)、
onmousemove(鼠標(biāo)移動(dòng))、
onmouseout(鼠標(biāo)離開(kāi)元素范圍)、
onmouseover(鼠標(biāo)移動(dòng)到元素范圍)、
onmouseup(鼠標(biāo)按鍵釋放)、
oncontextmenu(在瀏覽器中單擊鼠標(biāo)右鍵顯示”右鍵菜單”時(shí)觸發(fā))
以上就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
相關(guān)文章
JavaScript CSS修改學(xué)習(xí)第三章 修改樣式表
在這一章我打算通過(guò)直接修改頁(yè)面的樣式表而不是通過(guò)訪問(wèn)元素的辦法來(lái)修改PRE的背景顏色。不幸的是,瀏覽器嚴(yán)重的不兼容性讓這個(gè)代碼基本上不能使用。2010-02-02
簡(jiǎn)易js代碼實(shí)現(xiàn)計(jì)算器操作
正在學(xué)習(xí)javascript的朋友們,可以把這個(gè)小練習(xí)做一做,加強(qiáng)自己編寫(xiě)代碼的能力2013-04-04

