事件分為鼠標(biāo)事件，鍵盤事件，表單事件以及移動端事件，今天主要介紹一下鼠標(biāo)鍵盤以及表單事件

鼠標(biāo)事件

• redDiv.onclick=function(){ console.log("onclick點(diǎn)擊事件");}
• onmouseover,onmouseout會在鼠標(biāo)從父級移入子集元素的時候觸發(fā)
• onmouseenter，onmouseleave只有在移入移出父級和子集的整體的時候觸發(fā)
• redDiv.onmouseover=function(){ console.log("onmouseover鼠標(biāo)移入事件");}
• redDiv.onmouseout=function(){ console.log("onmouseout鼠標(biāo)移出事件");}
• redDiv.onmouseenter=function(){ console.log("onmouseeneter鼠標(biāo)移入事件");}
• redDiv.onmouseleave=function(){ console.log("onmouseleave鼠標(biāo)移出事件");}
• redDiv.onmousedown=function(){ console.log("onmousedown鼠標(biāo)按下事件");}
• redDiv.onmouseup=function(){ console.log("onmouseup鼠標(biāo)抬起事件");}
• redDiv.ondblclick=function(){ console.log("ondblclick雙擊");}
• redDiv.oncontextmenu=function(){ console.log("oncontextmenu鼠標(biāo)右鍵"); return false;}
• redDiv.onmousemove=function(){ console.log("onmousemove鼠標(biāo)移動");}

鍵盤的事件

只有成為焦點(diǎn)的元素才能觸發(fā)鍵盤事件

• document.getElementById("uname").onkeydown=function(){ console.log("鍵盤按下")}
• document.onkeyup=function(){ console.log("鍵盤抬起") }
• document.onkeypress=function(){ console.log("press鍵盤按下")}

表單事件

var first=document.getElementById("first");
var uname=document.getElementById("uname");

• uname.onblur=function(){ console.log("blur失去了焦點(diǎn)")}
• uname.onchange=function(){ console.log("change內(nèi)容發(fā)生了變化")}
• uname.onfocus=function(){ console.log("獲取焦點(diǎn)")}
• uname.oninput=function(){ console.log("輸入")}
  輸入框內(nèi)容發(fā)生變化的時候，即時
• first.onsubmit=function(){ console.log("用戶提交了表單");
  點(diǎn)擊的是提交按鈕，form表單觸發(fā)onsubmit
• first.onreset=function(){ console.log("用戶重置777777了表單"); return false;}

一些事件中系統(tǒng)會有默認(rèn)事件觸發(fā)，比如，右鍵的時候會彈出菜單，比如按了提交按鈕會跳轉(zhuǎn)網(wǎng)頁，這些都是默認(rèn)事件，默認(rèn)事件可以被阻止：return false; return false;}