JS鼠标事件大全

今天遇到了需要使用鼠标事件的效果，然后查了一下鼠标事件，以后使用可以拿来使用了。

鼠标左右键事件：

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) {
        //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>

希望对大家有帮助，别忘了点赞哦！