今天遇到了需要使用鼠标事件的效果,然后查了一下鼠标事件,以后使用可以拿来使用了。
鼠标左右键事件:
click:点击事件
dbclick:双击事件
mousedown:鼠标按下时触发
mouseenter:鼠标移入时触发(不冒泡,后代元素不触发)
mouseleave:鼠标移出时触发(不冒泡,后代元素不触发)
mousemove:鼠标在元素内部移动时触发
mouseout:鼠标移入另一个元素时触发(包含子元素)
mouseover:鼠标移入元素时触发(包含子元素)
mouseup:释放鼠标按钮时触发
鼠标滚轮事件:
一、ie/chrome/safari/opera下的事件 : onmousewheel
向上滚动up:120
向下滚动down: -120
二、firefox 下的事件: DOMMouseScroll
向上滚动up: -3
向下滚动down: 3
JS鼠标点击事件所有浏览器都是一样的,但是鼠标滚轮事件有一些不一样的,下面是兼容写法
<script>
window.onload = function () {
//ie/chrome/safari/opera
document.onmousewheel = fn;
if (document.addEventListener) {(www.gendan5.com)
//firefox
document.addEventListener('DOMMouseScroll', fn, false);
}
function fn(ev) {
var ev = ev || event;
var shubiao = true;
if (ev.wheelDelta) {
shubiao = ev.wheelDelta > 0 ? true : false;
} else {
shubiao = ev.detail < 0 ? true : false;
}
if (ev.preventDefault) {
ev.preventDefault();
}
return false;
}
//取消document的默认事件
//document.attachEvent('oncontextmenu', function () {
// return false;
//});
}
</script>
希望对大家有帮助,别忘了点赞哦!