常用鼠标监听事件

//常用的鼠标事件监听

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;

}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容