1. 程式人生 > >常用的滑鼠事件

常用的滑鼠事件

 

if (document.addEventListener) { //FireFox,Chrome,Opera…

         oBtn.addEventListener('click', onMouseClick, false); //單擊事件是在同一元素上發生了滑鼠按下事件之後又發生了滑鼠放開事件時才發生的。

         oBtn.addEventListener('mousedown', OnMouseDown, false); //事件會在滑鼠按鍵被按下時發生。

         oBtn.addEventListener('mouseup', OnMouseUp, false); //事件會在滑鼠按鍵被鬆開時發生。

         oBtn.addEventListener('mousemove',onMouseMove,false); //事件會在滑鼠指標移動時發生。

         oBtn.addEventListener('mouseover', onMouseOver, false); //事件會在滑鼠指標移動到指定的物件上時發生。

         oBtn.addEventListener('mouseout', onMouseOut, false); //事件會在滑鼠指標移出指定的物件時發生。

         //c.addEventListener('touch',onMouseClick,false);       

}

else if (document.attachEvent) { //IE

         oBtn.attachEvent('onclick', onMouseClick, false); //單擊事件是在同一元素上發生了滑鼠按下事件之後又發生了滑鼠放開事件時才發生的。

         oBtn.attachEvent('onmousedown', OnMouseDown, false); //事件會在滑鼠按鍵被按下時發生。

         oBtn.attachEvent('onmouseup', OnMouseUp, false); //事件會在滑鼠按鍵被鬆開時發生。

         oBtn.attachEvent('onmousemove', onMouseMove, false); //事件會在滑鼠指標移動時發生。

         oBtn.attachEvent('onmouseover', onMouseOver, false); //事件會在滑鼠指標移動到指定的物件上時發生。

         oBtn.attachEvent('onmouseout', onMouseOut, false); //事件會在滑鼠指標移出指定的物件時發生。

}

else { //OtherIEFireFoxChromeOpera等,絕大部分瀏覽器支援方法 onclick 監聽)

         alert("您的當前的瀏覽器可能是:……");

    oBtn.onclick=onMouseClick;

         oBtn.onmousedown=OnMouseDown;

         oBtn.onmouseup=OnMouseUp;

         oBtn.onmousemove=onMouseMove;

         oBtn.onmouseover=onMouseOver;

         oBtn.onmouseout=onMouseOut;