将鼠标悬停在DateTime输入字段上时禁用滚动

Question

我的一个输入字段（简单的editorfor，type = datetime）现在允许用户使用鼠标滚轮更改悬停在其上的日期。此行为必须停止，因为它可能会在向下滚动页面时导致意外更改。 我已经尝试过一些像preventDefault和blur这样的建议，但是没有这些建议可以工作......

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

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

谢谢！

Answer 1

试试这个：

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

此外，您应该考虑使用datetime was depricated之后的datetime-local。