jquery 在Firefox中禁用对数字和日期输入的滚轮更改

xvw2m8pv  于 2023-08-04  发布在  jQuery
关注(0)|答案(2)|浏览(95)

this question类似,我试图防止滚动轮形式递增数字输入。
在Chrome/webkit中,下面的工作,但在Firefox中的车轮仍然改变输入。

$('input[type=number]').on('mousewheel',
    function(e){ $(this).blur(); }
);

个字符

sxpgvts3

sxpgvts31#

是的,它不适用于Firefox。这应该是可行的:)希望有帮助。

$('input[type=number]').on('wheel', function(e){
    return false;
});

个字符

vnzz0bqm

vnzz0bqm2#

我使用vanilla JavaScript找到了一个更好的解决方案:

document.querySelectorAll("input[type=number]").forEach(function (element) {
        element.addEventListener("wheel", function(event) {
            if (document.activeElement === event.target) {
                event.preventDefault();
            }
        });
    });

字符串

相关问题