(1)洞渔、鼠標(biāo)事件:
? ? ? ? ? ? ? ? ? ? 鼠標(biāo)點(diǎn)擊事件(單擊): onclick
? ? ? ? ? ? ? ? ? ? 鼠標(biāo)點(diǎn)擊事件(雙擊): ondbclick
? ? ? ? ? ? ? ? ? ? 鼠標(biāo)移入事件(不支持冒泡): onmouseenter
? ? ? ? ? ? ? ? ? ? 鼠標(biāo)移出事件(不支持冒泡): onmouseleave
? ? ? ? ? ? ? ? ? ? 鼠標(biāo)移入事件(支持冒泡): onmouseover
? ? ? ? ? ? ? ? ? ? 鼠標(biāo)移出事件(支持冒泡): onmouseout
? ? ? ? ? ? ? ? ? ? 鼠標(biāo)按下事件(按下時(shí)觸發(fā)): onmousedown
? ? ? ? ? ? ? ? ? ? 鼠標(biāo)抬起事件(抬起時(shí)觸發(fā)): onmouseup
(2)粪糙、鍵盤事件:????
? ? ? ? ? ? ? ? ? ? 鍵盤按下(按下就觸發(fā)): onkeydown
? ? ? ? ? ? ? ? ? ? 鍵盤松開(kāi)(松開(kāi)就觸發(fā)): onkeyup
? ? ? ? ? ? ? ? ? ? 鍵盤按下松開(kāi)事件: onkeypress
? ? ? ? ? ? ? ? ? ? 講解鍵盤事件:
? ? ? ? ? ? ? ? ? ? ? ? ? ? key 屬性:按鍵觸發(fā)時(shí)獲取按鍵上的字符 (key 屬性在 onkeypress 事件中識(shí)別不了功能鍵)
? ? ? ? ? ? ? ? ? ? ? ? ? ? keyCode 屬性 : 按鍵觸發(fā)時(shí)獲取與鍵盤按鍵上的字符與之對(duì)應(yīng)的 ASCLL 編碼(keyCode 屬性在onkeydown 事件獲取的永遠(yuǎn)是大寫字母對(duì)象的ASCLL編碼藤韵。keyCode 屬性在 onkeypress 事件中獲取的是與之對(duì)應(yīng)的大小寫字母的ASCLL編碼)
(3)沉馆、表單事件
????????????????????獲取焦點(diǎn)事件(對(duì)于一個(gè)普通元素來(lái)說(shuō)想要擁有焦點(diǎn)事件汰扭,需要添加 tabindex 屬性): onfocus
? ? ? ? ? ? ? ? ? ? 失去焦點(diǎn)事件: onblur
? ? ? ? ? ? ? ? ? ? 輸入事件(輸入框中的值發(fā)生改變都會(huì)觸發(fā)): oninput
? ? ? ? ? ? ? ? ? ? 表單元素狀態(tài)發(fā)生改變(一般用于 checkbox 和 select 標(biāo)簽): onchange
? ? ? ? ? ? ? ? ? ? ????onchange 事件:?
????????????????????????????????????????onchange 事件不運(yùn)行在普通的文本輸入框
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 當(dāng) onchange 屬性用在多選框當(dāng)中時(shí)? ?選中和取消都會(huì)觸發(fā)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 當(dāng) onchange 屬性用在下拉菜單中時(shí)? ?只有值發(fā)生改變時(shí)才會(huì)觸發(fā)?
(4)囤躁、窗口事件:
? ? ? ? ? ? ? ? ? ? 當(dāng)網(wǎng)頁(yè)加載完畢時(shí)觸發(fā): onload
? ? ? ? ? ? ? ? ? ? 滾動(dòng)事件(普通事件也有滾動(dòng)事件但一般都是用于頁(yè)面滾動(dòng)): onscroll
(5)冀痕、拖拽事件:
? ? ? ? ? ? ? ? ? ? 開(kāi)始拖拽時(shí)觸發(fā): ondragstart
? ? ? ? ? ? ? ? ? ? 正在拖拽時(shí)觸發(fā): ondrag
? ? ? ? ? ? ? ? ? ? 完成拖拽時(shí)觸發(fā): ondragend
? ? ? ? ? ? ? ? ? ? 在拖拽過(guò)程中,釋放鼠標(biāo)時(shí)觸發(fā)此事件: ondrop
? ? ? ? ? ? ? ? ? ? 當(dāng)被鼠標(biāo)拖拽的對(duì)象離開(kāi)其容器范圍內(nèi)時(shí)觸發(fā): ondragleave
? ? ? ? ? ? ? ? ? ? 拖拽到指定位置: ondragover? ? ? ? ? ? 默認(rèn)情況下狸演,執(zhí)行 ondragover 事件(谷歌瀏覽器)瀏覽器不允許進(jìn)去 drop 事件(就是不允許放下拖拽的元素)言蛇,因此需要阻止瀏覽器的默認(rèn)行為? ? e.preventDefault();? ? 阻止默認(rèn)行為