【问题标题】:How to disable mouse wheel click in a div?如何在 div 中禁用鼠标滚轮点击?
【发布时间】:2013-07-07 19:13:17
【问题描述】:

我正在为我的客户构建一个应用程序,但我不知道如何在 div 中禁用鼠标滚轮单击。我知道你可以做到,因为我以前做过,但完全忘记了。 基本上,当我将鼠标悬停在一个 div 上时,我使用鼠标滚轮单击然后向下拖动鼠标,它基本上会向下拖动我的整个页面。有没有办法只禁用鼠标滚轮点击然后拖动的整个动作?

【问题讨论】:

  • 使用 chrome 调试器,我看到有一个鼠标滚轮事件 litener。虽然无法触发
  • 只需简单地添加鼠标滚轮事件处理函数并丢弃该事件。 sitepoint.com/html5-javascript-mouse-wheel
  • 嗯,chrome 将此滚轮点击事件记录为常规 mousedown 事件
  • jQuery 将mousewheel click 规范化为2e.which 下。
  • return true 表示你已经处理过了。

标签: jquery css html drag mousewheel


【解决方案1】:
$(document).on('click', function(e){
    if(e.which == 2){
        e.preventDefault(); //stop default click action from mousewheel
    }
});

jsFiddle

只需替换 document 相关 div 的选择器即可。

【讨论】:

  • 感谢您的回答。出于某种奇怪的原因,这在我的应用程序中不起作用。是的,这与我之前为停止此操作所做的相同,它适用于我以前的应用程序,但不适用于这个应用程序。我认为我的 CSS 可能有问题。我的 div 元素位置固定,高度为 100%,z-index 功能和溢出隐藏在其中。
  • @Adrian 请将相关 HTML 发布到 jsFiddle 中,以便我更好地解决此问题。
  • 到目前为止有什么可行的解决方案吗?
猜你喜欢
  • 1970-01-01
  • 2011-10-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多