1、鼠標(biāo)事件
onclick ?
?鼠標(biāo)點(diǎn)擊事件，當(dāng)鼠標(biāo)左鍵點(diǎn)擊時(shí)候會(huì)觸發(fā)。
ondbclick?
當(dāng)鼠標(biāo)雙擊時(shí)候會(huì)觸發(fā)，并有一個(gè)時(shí)間間隔，但不能太大。
onmousedown ? ?
鼠標(biāo)按下事件，當(dāng)鼠標(biāo)左中右鍵（鼠標(biāo)左鍵，鼠標(biāo)滾輪，鼠標(biāo)右鍵）按下（按下沒(méi)有抬起）的時(shí)候觸發(fā)
onmouseup
鼠標(biāo)抬起事件，當(dāng)鼠標(biāo)左中右鍵抬起時(shí)候觸發(fā)
onmousemove
鼠標(biāo)移動(dòng)事件，當(dāng)鼠標(biāo)移動(dòng)到目標(biāo)元素上就會(huì)觸發(fā)，并會(huì)按照一定頻率去觸發(fā)
onmouseover
鼠標(biāo)移入事件，當(dāng)鼠標(biāo)移入到目標(biāo)元素上就會(huì)觸發(fā)
onmouseout
鼠標(biāo)移出事件，當(dāng)鼠標(biāo)從目標(biāo)元素上移開(kāi)的時(shí)候就會(huì)觸發(fā)
onmouseenter
鼠標(biāo)移入事件，當(dāng)鼠標(biāo)移入到元素身上就會(huì)觸發(fā)
onmouseleave?
鼠標(biāo)移出事件，當(dāng)鼠標(biāo)從元素身上移出的時(shí)候觸發(fā)
注：onmouseover / onmouseout 與 onmouseenter / onmouseleave區(qū)別
onmouseover / onmouseout 事件，目標(biāo)元素如果有子級(jí)元素的話，它會(huì)把事件傳遞給子集元素
onmouseenter / onmouseleave 事件，目標(biāo)元素如果有子集元素，事件不會(huì)被傳遞給子集元素
2、鍵盤(pán)事件
onkeydown
當(dāng)鍵盤(pán)按下去的時(shí)候會(huì)觸發(fā)，如果鍵盤(pán)沒(méi)有抬起來(lái)，那這個(gè)事件會(huì)一直觸發(fā)。
onkeyup?
當(dāng)鍵盤(pán)按鈕抬起來(lái)的時(shí)候觸發(fā)。
onkeypress
當(dāng)鍵盤(pán)按下數(shù)字鍵或字母鍵可以觸發(fā)，功能鍵除外（上下左右、ctrl、shift、alt）。
3、焦點(diǎn)事件
onfocus
當(dāng)有焦點(diǎn)的元素獲取到焦點(diǎn)時(shí)候觸發(fā)（用tab鍵也會(huì)觸發(fā)這個(gè)事件）
onblur
當(dāng)有焦點(diǎn)的元素失去焦點(diǎn)時(shí)候觸發(fā)
注：支持onfocus的對(duì)象
button、checkbox、fileUpload、layer、frame、password、radio、reset、select、submit、text、textarea、window。
4、滾輪事件
onmousewheel（IE/Chrom）：
滾輪方向（event.wheelDelta）上：120；下：-120。
DOMMouseScroll (FF,FF下只能用addEventListener)：
滾輪方向（event.detail）上：-3；下：3。
封裝的滾輪事件
**********************************************************
function mScroll(obj,callBackUp,callBackDown){
? ? obj.onmousewHeel=fn;
? ? obj.addEventListener('DOMMouseScroll',fn);
? ? function fn(ev){
? ? ? ? if(ev.wheelDelta==120||ev.detail==-3){
? ? ? ? ? ? //這個(gè)條件成立說(shuō)明鼠標(biāo)都是往上滾動(dòng)的
? ? ? ? ? ? callBackUp();
? ? ? ? }else{
? ? ? ? ? ? //這個(gè)條件成立說(shuō)明鼠標(biāo)都是往下滾動(dòng)的
? ? ? ? ? ? callBackDown();
? ? ? ? }
? ? ? ? ev.preventDefault();
? ? }
}
***************************************************************************
調(diào)用函數(shù)
var text=document.getElementById('text');
mScroll(text,function(){
? ? text.value++;
},function(){
? ? text.value--;
});
