根據(jù)觸發(fā)事件的事物和事件發(fā)生對(duì)象,可將瀏覽器中發(fā)生的事件分為幾個(gè)類型.
一.鼠標(biāo)事件,用戶使用鼠標(biāo)進(jìn)行操作時(shí)觸發(fā)的事件.
鼠標(biāo)事件包含一下幾種
1.click-用3w戶點(diǎn)擊鼠標(biāo)左鍵時(shí)觸發(fā),當(dāng)用戶的交單點(diǎn)在按鈕上并按了回車,同樣觸發(fā)該事件.
2.dbclick-用f戶點(diǎn)擊任意一個(gè)鼠標(biāo)按鈕時(shí)發(fā)生
3.mouseout-鼠o標(biāo)指針指向某個(gè)元素上,且用戶正要移出元素的邊界時(shí)發(fā)生
4.mouseover-鼠r標(biāo)移出某個(gè)元素到另一個(gè)元素上時(shí)發(fā)生.
5.mouseup-用戶a松開(kāi)任意一個(gè)按鈕時(shí)發(fā)生.
6.mousemove-用s戶鼠標(biāo)在某個(gè)元素上時(shí)持續(xù)發(fā)生
頁(yè)面上所有元素p都支持鼠標(biāo)事件.
鼠標(biāo)事件的屬.cn性,每個(gè)鼠標(biāo)事件都會(huì)給以下event對(duì)象的屬性賦值.
坐標(biāo)屬性-clientX和clientY
type屬性-動(dòng)作名稱
target(Dom)或者srcElement屬性
shiftKey,ctrlKey,altKey,和metaKey(Dom)屬性
button屬性(只有在mousedown,mouseover,mouseout,mousemove,mouseup事件中)
鼠標(biāo)事件發(fā)生順序
mouserdown>>mouseup>>mouseup>>click>>mousedown>>mouseup>>click>>dbclick
二.鍵盤事件,鍵盤事件是由用戶對(duì)鍵盤的動(dòng)作引發(fā).有以下幾種事件.
1.keydown-用戶在按鍵上按下某個(gè)鍵時(shí)觸發(fā),一直按著某個(gè)鍵,則會(huì)不停的觸發(fā)(Opera瀏覽器除外)
2.keypress-用戶按下一個(gè)鍵,并產(chǎn)生一個(gè)字符時(shí)發(fā)生(不管是shiftalt等),一直按下去,則會(huì)一直觸發(fā)
3.keyup-用戶釋放按著的鍵是觸發(fā).
鍵盤事件屬性,每個(gè)鍵盤事件總會(huì)有以下的事件屬性
keyCode屬性
charCode屬性(Dom)
target(Dom)或者srcElement(IE)屬性
shiftKey,ctrlKey,和metaKey(Dom)屬性.
鍵盤事件發(fā)生順序
keydown>>keypress>>keyup(字符鍵)
keydown>>keyup(非字符鍵)
三 HTML事件
1.load事件-頁(yè)面完全載入瓦尼背后在window對(duì)象上觸發(fā).所有框架都載入完畢后觸發(fā)<img>載入完畢后在其上面觸發(fā),或者<object>元素完全字載入如后觸發(fā).
2.unload事件-頁(yè)面完全卸載后在window對(duì)象上觸發(fā),所有框架都卸載后在框架上觸發(fā),<img>卸載完畢后在其上面觸發(fā),或者<object>元素完全卸載后觸發(fā)
3.abort事件-用戶停止下載過(guò)程如果<object>對(duì)象沒(méi)有完全載入,就在其上面觸發(fā)
4.error事件-javascript腳本出錯(cuò)時(shí),在window上觸發(fā).某個(gè)<img>的指定圖像無(wú)法載入時(shí)在其上面觸發(fā);或者<object>無(wú)法載入時(shí)觸發(fā),或者框架的一個(gè)或者多個(gè)無(wú)法載入時(shí)觸發(fā).
5.select事件-用戶選擇了文本框中的一個(gè)或者多個(gè)字符時(shí)觸發(fā)(,input或者textarea)
6.change事件-文本框<input>等市區(qū)焦點(diǎn)時(shí)觸發(fā),select元素值發(fā)生變化時(shí)觸發(fā)
7.submit事件-點(diǎn)擊提交按鈕時(shí)觸發(fā)<input type="submit">,在form上觸發(fā)
8.reset事件-點(diǎn)擊重置按鈕時(shí)觸發(fā)<input type="reset">時(shí),在form上觸發(fā).
9.resize事件-窗口或者框架大小發(fā)生改變時(shí)觸發(fā)
10.scroll事件-用戶在任何帶滾動(dòng)條的元素上卷動(dòng)它時(shí)觸發(fā).<body>元素包含載入頁(yè)面的滾動(dòng)條
11.fouus事件-任何元素或者窗口本身獲取焦點(diǎn)(包括點(diǎn)擊,tab切換,或者回車)觸發(fā)
12.blur事件-任何元素或者窗口失去焦點(diǎn)時(shí)觸發(fā).
四變化事件
變化事件目前沒(méi)有主流瀏覽器使用,暫時(shí)不介紹了.
更多信息請(qǐng)查看IT技術(shù)專欄
2025國(guó)考·省考課程試聽(tīng)報(bào)名