21個(gè)JavaScript事件(Events)屬性匯總
1、js事件通常和函數(shù)結(jié)合來(lái)使用,這樣可以通過(guò)發(fā)生的事件來(lái)驅(qū)動(dòng)函數(shù)的執(zhí)行,從而引起html出現(xiàn)不同的效果。
2、屬性(當(dāng)這些事件的屬性發(fā)生時(shí),會(huì)觸發(fā)function{}的函數(shù)):
1)onabort:當(dāng)圖像加載被中斷時(shí),會(huì)引發(fā)function內(nèi)的函數(shù)。
2)onbur:當(dāng)元素失去焦點(diǎn);
3)onfocus:當(dāng)元素獲得焦點(diǎn)
4)onclick:鼠標(biāo)點(diǎn)擊某個(gè)對(duì)象


5)ondbclick:鼠標(biāo)雙擊某個(gè)對(duì)象
6)onerror:當(dāng)加載文檔或圖像時(shí)發(fā)生某個(gè)錯(cuò)誤
7)onchange:當(dāng)用戶改變域的內(nèi)容(onchange事件常結(jié)合對(duì)輸入的字段驗(yàn)證來(lái)使用,常用語(yǔ)表單驗(yàn)證身份證、郵箱注冊(cè)及登錄、區(qū)號(hào)等等的格式是否正確)

8)onkeydown:某個(gè)鍵盤的鍵被按下
9)onkeypress:某個(gè)鍵盤的鍵被按下或按住
10)onkeyup:某個(gè)鍵盤的鍵被松開
11)onload:某個(gè)頁(yè)面或圖像被完成加載

12)onmousedown:某個(gè)鼠標(biāo)按鍵被按下(onmousedown, onmouseup 以及 onclick 構(gòu)成了鼠標(biāo)點(diǎn)擊事件的所有部分。首先當(dāng)點(diǎn)擊鼠標(biāo)按鈕時(shí),會(huì)觸發(fā) onmousedown 事件,當(dāng)釋放鼠標(biāo)按鈕時(shí),會(huì)觸發(fā) onmouseup 事件,最后,當(dāng)完成鼠標(biāo)點(diǎn)擊時(shí),會(huì)觸發(fā) onclick 事件。)
13)onmousemove:鼠標(biāo)被移動(dòng)
14)onmouseout:鼠標(biāo)從某元素移開
15)onmouseover:鼠標(biāo)被移動(dòng)到某元素之上
16)onmouseup:某個(gè)鼠標(biāo)按鈕被松開(區(qū)別onkeyup)
17)onreset:重置按鈕被點(diǎn)擊
18)onresize:窗口或框架被調(diào)整尺寸
19)onselect:文本被選定
20)onsubmit:提交按鈕被點(diǎn)擊
21)onunload:用戶退出頁(yè)面
以上就是本文總結(jié)的關(guān)于javascript事件(event)屬性的全部?jī)?nèi)容了,自己匯總的一些知識(shí)點(diǎn),如有遺漏,還請(qǐng)大家指正,共同進(jìn)步。
- JavaScript Event學(xué)習(xí)第七章 事件屬性
- javascript attachEvent綁定多個(gè)事件執(zhí)行順序問(wèn)題
- Javascript中的window.event.keyCode使用介紹
- myEvent.js javascript跨瀏覽器事件框架
- javascript開發(fā)隨筆一 preventDefault的必要
- javascript中window.event事件用法詳解
- JavaScript事件處理器中的event參數(shù)使用介紹
- Javascript中Event屬性搜集整理
- javascript Event對(duì)象詳解及使用示例
- Event altKey,ctrlKey,shiftKey屬性解析
- javascript中的altKey 和 Event屬性大全
相關(guān)文章
定義JavaScript二維數(shù)組采用定義數(shù)組的數(shù)組來(lái)實(shí)現(xiàn)
javaScript沒有提供直接定義二維數(shù)組的方法,但可以使用定義數(shù)組的數(shù)組來(lái)定義JavaScript二維數(shù)組,需要的朋友可以了解下2012-12-12
JavaScript中property和attribute的區(qū)別詳細(xì)介紹
這篇文章主要介紹了JavaScript中property和attribute的區(qū)別詳細(xì)介紹,本文總結(jié)了定義、相同這處、不同之處、瀏覽器兼容性上的差別等內(nèi)容,并建議優(yōu)先選擇property,需要的朋友可以參考下2015-03-03
簡(jiǎn)述JavaScript中正則表達(dá)式的使用方法
這篇文章主要介紹了JavaScript中正則表達(dá)式的使用方法,正則表達(dá)式是JS進(jìn)階學(xué)習(xí)中的重要知識(shí),本文簡(jiǎn)述了JS對(duì)正則表達(dá)式的支持情況,需要的朋友可以參考下2015-06-06
javascript開發(fā)技術(shù)大全-第1章javascript概述
JavaScript 為 HTML 設(shè)計(jì)師提供了一種編程工具HTML 創(chuàng)作者往往都不是程序員,但是 JavaScript 卻是一種只擁有極其簡(jiǎn)單的語(yǔ)法的腳本語(yǔ)言!幾乎每個(gè)人都有能力將短小的代碼片斷放入他們的 HTML 頁(yè)面當(dāng)中。2011-07-07
JavaScript 創(chuàng)建運(yùn)動(dòng)框架的實(shí)現(xiàn)代碼
本篇文章是對(duì),在JavaScript中創(chuàng)建運(yùn)動(dòng)框架的實(shí)現(xiàn)方法進(jìn)行了介紹。需要的朋友參考下2013-05-05
JavaScript高級(jí)程序設(shè)計(jì)(第3版)學(xué)習(xí)筆記10 再訪js對(duì)象
在ECMAScript中,兩個(gè)核心主題就是對(duì)象與函數(shù),而這兩個(gè)主題也有些互相纏繞的,在前面幾個(gè)博文中大略的過(guò)了一遍函數(shù)相關(guān)的基礎(chǔ)知識(shí),這篇文章再回到對(duì)象主題上來(lái)2012-10-10

