使用Javascript检测x轴(左右)上的鼠标滚轮 [英] Detecting mousewheel on the x-axis (left and right) with Javascript

查看:57
本文介绍了使用Javascript检测x轴(左右)上的鼠标滚轮的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我知道可以检测上下例如

I know it's possible to detect up and down e.g.

    function handle(delta) {
    if (delta < 0) {
        alert('down');
} else {
    alert('up');
    }
}

function wheel(event){
    var delta = 0;
    if (!event) event = window.event;
    if (event.wheelDelta) {
        delta = event.wheelDelta/120; 
    } else if (event.detail) {
        delta = -event.detail/3;
    }
    if (delta)
        handle(delta);
        if (event.preventDefault)
                event.preventDefault();
        event.returnValue = false;
}

/* Initialization code. */
if (window.addEventListener)
    window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;​

但是有没有办法检测用户的鼠标是通过鼠标滚轮向左还是向右移动?

But is there a way to detect if a user's mouse went left or right with the mousewheel?

推荐答案

  • Firefox 中的 DOMMouseWheel 事件有一个 axis 属性.

    Chrome 中的 mousewheel 事件有 wheelDeltaXwheelDeltaY.

    The mousewheel event in Chrome has wheelDeltaX and wheelDeltaY.

    遗憾的是,我找不到 IE 事件的任何等效属性(在 IE9 上测试).

    Sadly, I cannot find any equivalent propery for IE events (testing on IE9).

    这篇关于使用Javascript检测x轴(左右)上的鼠标滚轮的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆