鼠標(biāo)事件
click
在一個(gè)元素上鼠標(biāo)的左鍵點(diǎn)擊下去后抬起就能觸發(fā)
dblclick
在一個(gè)元素上鼠標(biāo)的左鍵雙擊下去后抬起就能觸發(fā)
mousedown
在一個(gè)元素上鼠標(biāo)左中右鍵按下去（不需要抬起來(lái)）的時(shí)候就會(huì)觸發(fā)（如果長(zhǎng)按不會(huì)持續(xù)觸發(fā)）
mouseup
在一個(gè)元素上鼠標(biāo)左中右鍵抬起來(lái)（不需要鼠標(biāo)在元素上面按下去）的時(shí)候就會(huì)觸發(fā)
mousemove
在一個(gè)元素上鼠標(biāo)移動(dòng)的時(shí)候就會(huì)觸發(fā)
mouseover/mouseout
在一個(gè)元素上鼠標(biāo)移入和移出就會(huì)觸發(fā)
mouseenter/mouseleave
在一個(gè)元素上鼠標(biāo)移入和移出就會(huì)觸發(fā)
mouseover / mouseout 和 mouseenter / mouseleave 的區(qū)別
mouseover / mouseout
它們會(huì)把事件傳遞給子元素
mouseenter / mouseleave
他們不會(huì)把事件傳遞給子元素（IE6不兼容）
鍵盤(pán)事件
不是所有的元素都有鍵盤(pán)事件，只有有焦點(diǎn)的元素才有鍵盤(pán)事件诵姜，當(dāng)這些有焦點(diǎn)的元素在聚焦的時(shí)候汽煮，鍵盤(pán)事件才達(dá)到觸發(fā)條件之一（鍵盤(pán)事件觸發(fā)條件之二就得看事件的內(nèi)容了）
keyup
鍵盤(pán)抬起時(shí)觸發(fā)的事件
keydown
鍵盤(pán)按下時(shí)觸發(fā)的事件（如果長(zhǎng)按則會(huì)一直觸發(fā)）
keypress
鍵盤(pán)按下時(shí)觸發(fā)的事件（如果長(zhǎng)按則會(huì)一直觸發(fā)）
keypress與keydown的區(qū)別
keydown
所有按鍵按下去都會(huì)觸發(fā)
keypress
只有當(dāng)按下能在輸入框顯示的鍵時(shí)才會(huì)觸發(fā)，例如字母,符號(hào),數(shù)字,enter等等
焦點(diǎn)事件
focus
有焦點(diǎn)事件的元素獲得焦點(diǎn)時(shí)觸發(fā)
blur
有焦點(diǎn)事件的元素失去焦點(diǎn)時(shí)觸發(fā)
關(guān)于焦點(diǎn)的方法
設(shè)置焦點(diǎn)focus()
移除焦點(diǎn)blur()
<!--輸入框提示實(shí)例-->
<body>
<input type="text" value="請(qǐng)輸入內(nèi)容">
</body>
<script>
var input=document.querySelector('input');
input.focus(); //打開(kāi)頁(yè)面就將輸入框聚焦
input.onfocus=function(){
this.value=''; //聚焦時(shí)去掉提示文字
};
input.onblur=function(){
this.value='請(qǐng)輸入內(nèi)容'; //失去焦點(diǎn)時(shí)重新顯示提示文字
};
</script>
