淺談JavaScript事件的屬性列表
更新時間：2015年03月01日 10:15:15 投稿：hebedich
本文向大家簡單介紹了javascript事件的屬性列表，非常的詳細(xì)，推薦給有相同需求的小伙伴們。
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庫Mootools的入門性介紹文章，詳細(xì)介紹了在網(wǎng)上能找到的比較好的學(xué)習(xí)HTML,CSS,JavaScript入門知識的資源以及隨手參考的地方。文中介紹的從零入手學(xué)習(xí)JavaScript編程的過程很有參考價值。2008-04-04
本文匯總了107個常用的js使用的時候的注意事項，本來想湊足一百單八將的，結(jié)果還是差了一個，哈哈，以后有機會再補吧。2014-11-11
大家在編寫js代碼的時候需要注意的一些地方，按照下面的方法，大家就可以盡量的讓你的代碼，更優(yōu)化。2010-09-09
今天因需要用到j(luò)s獲取css屬性，網(wǎng)上搜了半天都不合適的。有一下幾種方法2013-12-12
所謂"異步"，簡單說就是一個任務(wù)分成兩段，先執(zhí)行第一段，然后轉(zhuǎn)而執(zhí)行其他任務(wù)，等做好了準(zhǔn)備，再回過頭執(zhí)行第二段。比如，有一個任務(wù)是讀取文件進行處理，下面小編來和大家一起學(xué)習(xí)一下2019-05-05
當(dāng)代碼在window onload事件被觸發(fā)，且sub函數(shù)被執(zhí)行的時候會發(fā)生什么事情呢？下面我們來一起了解一下2019-05-05
JavaScript CSS修改學(xué)習(xí)第三章 修改樣式表
在這一章我打算通過直接修改頁面的樣式表而不是通過訪問元素的辦法來修改PRE的背景顏色。不幸的是，瀏覽器嚴(yán)重的不兼容性讓這個代碼基本上不能使用。2010-02-02
正在學(xué)習(xí)javascript的朋友們，可以把這個小練習(xí)做一做，加強自己編寫代碼的能力2013-04-04
JSON.stringify() 方法是將一個JavaScript值(對象或者數(shù)組)轉(zhuǎn)換為一個 JSON字符串，如果指定了replacer是一個函數(shù)，則可以選擇性的替換值，或者如果指定了replacer是一個數(shù)組，可選擇性的僅包含數(shù)組指定的屬性2019-06-06
這篇文章主要介紹了JavaScript之?dāng)?shù)組扁平化詳解的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，,需要的朋友可以參考下2019-06-06