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