javascript - 将鼠标悬停在日期时间输入字段上时禁用滚动

Question

我的一个输入字段(一个简单的编辑器，类型=日期时间)现在允许用户将鼠标悬停在其上时使用鼠标滚轮更改日期。这种行为必须停止，因为它可能会导致向下滚动页面时发生意外更改。我尝试了几种建议，例如preventDefault和blur，但没有一个有效...

$(function () {
    $(':input[type="datetime"]').bind('mousewheel', function (event) {
        event.preventDefault();
    });
});

我什至测试了将悬停事件添加到整体中，但在所有情况下仍然存在大量的可滚动性。最后，我想完全禁用此日期时间输入的鼠标滚轮值更改。

谢谢!

Answer 1

试试这个:

$('input[type=datetime-local]').bind("mousewheel", function () {
 return false;
});

此外，您还应该考虑使用 datetime-local，因为 datetime was depricated .