mousewheel滚轮事件

原生

//Chrome 及 IE
document.body.onmousewheel = function (event) {
    event = event || window.event;
    var direction = event.wheelDelta && (event.wheelDelta > 0 ? "mouseup" : "mousedown");
    console.log(direction);
};
// Firefox
document.body.addEventListener("DOMMouseScroll", function(event) {
    var direction= event.detail && (event.detail > 0 ? "mousedown" : "mouseup");
    console.log(direction);
});

jQuery

$(document).on("mousewheel DOMMouseScroll", function (e) {
    var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1));
    if (delta > 0) {
        // 向上滚
        console.log("wheelup");
    } else if (delta < 0) {
        // 向下滚
        console.log("wheeldown");
    }
});
THE END
分享
二维码
< <上一篇
下一篇>>