禁用滚动轮更改为Firefox中的数字和日期输入

Question

与此问题相似，我正在尝试防止滚动轮形式增加数字输入。

在chrome/webkit中，以下作品，但在firefox中，车轮仍然更改输入。

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number">

Answer 1

是的，它与Firefox不起作用。虽然这应该有效:)希望它会有所帮助。

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" id="menu">

Answer 2

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

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