Question

我正在开发一个必须在IE11和Edge上运行的JavaScript应用程序。在IE11中，我看到的事件链（从https://patrickhlauke.github.io/touch/tests/results/复制）如下：

指针＆gt; mouseover＆gt; 指针下降＆gt; mousedown＆gt; （pointermove＆gt; mousemove）+＆gt;指针＆gt; （lostpointercapture）＆gt;指针输出＆gt; mouseout＆gt; pointerleave＆gt; mouseleave＆gt;焦点＆gt;点击

应用程序已经连线处理鼠标和触摸事件，所以我在所有指针事件上调用preventDefault（）来取消相应的鼠标事件。不幸的是，点击在结束时出现并导致问题。是否有任何内置方法可以禁止点击事件在结束时触发？

Answer 1

我正在使用jQuery Pointer Events Polyfill（https://github.com/jquery/PEP）在Webkit浏览器上使用“pointerup”事件，我遇到了类似的问题。在我的情况下，我不得不阻止链接被跟踪。

我通过在“pointerup”触发后立即添加“click”事件侦听器来解决问题，然后阻止“click”事件并删除其侦听器。像这样：

var myLink = document.getElementsByClassName("myLink")[0];

myLink.addEventListener("pointerup", handleLinkPress);

function handleLinkPress(evt) {
    // do something here...

    evt.target.addEventListener("click", unfollowLink);

    function unfollowLink(evt) {
        evt.preventDefault();
        evt.target.removeEventListener("click", unfollowLink);
    }
}

在IE11中使用指针事件时阻止单击？

1 个答案: