javascript - 如何使用指针事件仅对滚动事件使用react？

Question

是否可以将指针事件设置为仅对触摸板上的滚动或拖动使用react？我有一个 div 'in the way' 用于滚动复杂的 html 排列*，我想知道我是否可以将指针事件限制为仅对滚动/鼠标滚轮 Action 使用react。

我很想知道我是否理解正确。如果 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'
  });
});

Answer 1

关于 docs 中的规范:

当一个元素应用了pointer-events: none;

该元素从不是任何鼠标事件的目标，任何事件都是无效的；

请看这个演示:

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

事件没有被触发，你甚至不能滚动容器。