40

是否可以将指针事件设置为仅对触摸板上的滚动或拖动做出反应?我有一个 div 用于滚动复杂的 html 排列*,我想知道是否可以将指针事件限制为仅对滚动/鼠标滚轮动作做出反应。

我有兴趣知道我是否正确理解这一点。如果pointer-events:none;意味着所有事件都无效,我怎样才能杀死所有事件但保持一个活动?

我已经设置了一个比它适合的框大的 HTML 区域,但是如果我要显示滚动条,它似乎比它应该的高,因为弹出 (position:top) 元素。这个区域仍然需要滚动,所以为了实现这一点,我使用 jQuery 使我的“滚动框”跟随 div 中的不可见 div:

<div id="scrollcontrol"style="overflow-y:auto;overflow-x:hidden;position:absolute;
   top:12px;left:180px;width:40px;height:1300px;">
   <div id="catscrollpos"style="position:absolute;
    top:0px;width:200px;height:2250px;">
   </div>
</div>

脚本

$('#scrollcontrol').scroll(function({
  $('#rangetable').css({
  'top':$('#catscrollpos').position().top+'px'
  });
});
4

1 回答 1

1

至于文档中的规范:

应用元素时pointer-events: none;

该元素永远不会是任何鼠标事件的目标,并且任何事件都是无效的;

请看这个演示:

http://jsbin.com/wewosumehi/1/

事件没有被触发,你甚至不能滚动container.

于 2015-04-17T12:51:22.190 回答