Javascript 如何使用指针事件仅对滚动事件作出反应?
是否可以将指针事件设置为仅对触摸板上的滚动或拖动做出反应?我有一个用于滚动复杂html排列的div'in-way',我想知道是否可以将指针事件限制为仅对滚动/鼠标滚轮动作作出反应 我很想知道我是否正确理解这一点。如果Javascript 如何使用指针事件仅对滚动事件作出反应?,javascript,jquery,html,css,scroll,Javascript,Jquery,Html,Css,Scroll,是否可以将指针事件设置为仅对触摸板上的滚动或拖动做出反应?我有一个用于滚动复杂html排列的div'in-way',我想知道是否可以将指针事件限制为仅对滚动/鼠标滚轮动作作出反应 我很想知道我是否正确理解这一点。如果指针事件:无意味着所有事件都是无效的,如何杀死所有事件但保留一个活动事件 我已经设置了一个HTML区域,它比它所容纳的框要大,但是如果我显示滚动条,它似乎比它应该的要高,因为有一个弹出(position:top)元素。该区域仍然需要滚动,因此为了实现这一点,我使用jQuery使我的“
指针事件:无代码>意味着所有事件都是无效的,如何杀死所有事件但保留一个活动事件
我已经设置了一个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>
关于以下文件中的规范:
当一个元素应用了指针事件时:无代码>
元素为从不任何鼠标事件的目标,任何事件无效
请看这个演示:
没有触发事件,甚至无法滚动容器
该属性源自SVG规范,对于HTML元素,它仍然非常有限(请参阅)。HTML元素上的指针事件
唯一支持的值是无
,它使元素完全忽略指针事件(尽管事件可能会冒泡到元素下的父元素),以及设置默认行为的自动
。请检查是否可以使用触摸设备的滚动事件。哦,这真是太丢脸了。这回答了我所问的问题,但我,我相信OP,想知道是否还有其他方法可以做到这一点。基本上,是否有任何等效于“指针事件:无”的东西仍然允许滚动?我还希望滚动条是可点击的,但我不确定操作是否正确。那么,有没有办法限制除滚动以外的所有鼠标事件?>没有触发事件,您甚至无法滚动容器。-除了正文
。当指针事件:无时,正文不滚动代码>应用于它。
$('#scrollcontrol').scroll(function({
$('#rangetable').css({
'top':$('#catscrollpos').position().top+'px'
});
});