javascript - 在 IE11 中使用指针事件时防止单击？

Question

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

pointerover > mouseover > pointerenter > mouseenter > pointerdown > mousedown > (pointermove > mousemove)+ > pointerup > mouseup > (lostpointercapture) > pointerout > mouseout > pointerleave > mouseleave > focus > click

该应用程序已连接好以处理鼠标和触摸事件，因此我对所有指针事件调用 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);
    }
}