Javascript 当检测到pointermove时,不会为链接上的鼠标操作触发pointerup事件
如果鼠标在Javascript 当检测到pointermove时,不会为链接上的鼠标操作触发pointerup事件,javascript,pointer-events,Javascript,Pointer Events,如果鼠标在pointerdown和pointerup之间移动,我无法使pointerup事件在event.pointerType==“mouse”的链接(设置了hrefattribtue的tag)上触发 我有以下情况: var lastEvent=false; 变量处理程序=函数(e){ if(lastEvent!=e.type){ e、 target.innerHTML+=e.type+'和'+e.pointerType+''; e、 target.scrollTo(0,即target.sc
pointerdown
和pointerup
之间移动,我无法使pointerup
事件在event.pointerType==“mouse”
的链接(设置了href
attribtue的tag)上触发
我有以下情况:
var lastEvent=false;
变量处理程序=函数(e){
if(lastEvent!=e.type){
e、 target.innerHTML+=e.type+'和'+e.pointerType+'
';
e、 target.scrollTo(0,即target.scrollHeight);
}
lastEvent=e.type;
}
document.querySelector('a')。addEventListener('pointerdown',handler);
document.querySelector('a')。addEventListener('pointermove',handler);
document.querySelector('a')。addEventListener('pointerup',handler)代码>
div{
高度:100vh;
显示器:flex;
}
a{
高度:60vh;
宽度:75vw;
保证金:自动;
背景色:红色;
显示:内联块;
用户选择:无;
触摸动作:无;
溢出y:滚动;
}
D'oh!基本上,我在问题中陈述了答案。正是拖动动作阻止了pointerup
事件的触发。只需在link元素上添加draggable=“false”
属性即可解决此问题
<a href="#" draggable="false"></a>