常用的鼠标事件
Posted lq668899
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了常用的鼠标事件相关的知识，希望对你有一定的参考价值。
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.onclick=onMouseClick;
oBtn.onmousedown=OnMouseDown;
oBtn.onmouseup=OnMouseUp;
oBtn.onmousemove=onMouseMove;
oBtn.onmouseover=onMouseOver;
oBtn.onmouseout=onMouseOut;
以上是关于常用的鼠标事件的主要内容，如果未能解决你的问题，请参考以下文章