javascript事件類型

字號:


    根據(jù)觸發(fā)事件的事物和事件發(fā)生對象,可將瀏覽器中發(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松開任意一個(gè)按鈕時(shí)發(fā)生.
    6.mousemove-用s戶鼠標(biāo)在某個(gè)元素上時(shí)持續(xù)發(fā)生
    頁面上所有元素p都支持鼠標(biāo)事件.
    鼠標(biāo)事件的屬.cn性,每個(gè)鼠標(biāo)事件都會(huì)給以下event對象的屬性賦值.
    坐標(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
    二.鍵盤事件,鍵盤事件是由用戶對鍵盤的動(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事件-頁面完全載入瓦尼背后在window對象上觸發(fā).所有框架都載入完畢后觸發(fā)<img>載入完畢后在其上面觸發(fā),或者<object>元素完全字載入如后觸發(fā).
    2.unload事件-頁面完全卸載后在window對象上觸發(fā),所有框架都卸載后在框架上觸發(fā),<img>卸載完畢后在其上面觸發(fā),或者<object>元素完全卸載后觸發(fā)
    3.abort事件-用戶停止下載過程如果<object>對象沒有完全載入,就在其上面觸發(fā)
    4.error事件-javascript腳本出錯(cuò)時(shí),在window上觸發(fā).某個(gè)<img>的指定圖像無法載入時(shí)在其上面觸發(fā);或者<object>無法載入時(shí)觸發(fā),或者框架的一個(gè)或者多個(gè)無法載入時(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>元素包含載入頁面的滾動(dòng)條
    11.fouus事件-任何元素或者窗口本身獲取焦點(diǎn)(包括點(diǎn)擊,tab切換,或者回車)觸發(fā)
    12.blur事件-任何元素或者窗口失去焦點(diǎn)時(shí)觸發(fā).
    四變化事件
    變化事件目前沒有主流瀏覽器使用,暫時(shí)不介紹了.