常用的鼠标事件

 

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 { //Other（IE，FireFox，Chrome，Opera等，绝大部分浏览器支持方法 onclick 监听）

         alert("您的当前的浏览器可能是：……");

    oBtn.οnclick=onMouseClick;

         oBtn.οnmοusedοwn=OnMouseDown;

         oBtn.οnmοuseup=OnMouseUp;

         oBtn.οnmοusemοve=onMouseMove;

         oBtn.οnmοuseοver=onMouseOver;

         oBtn.οnmοuseοut=onMouseOut;

转载于:https://www.cnblogs.com/lq668899/p/9912390.html