Microsoft Edge中未触发"touchmove“事件

Question

我需要检测一个元素，当它被拖拽时，基于触摸移动事件的客户端x和客户端位置。在Chrome中，可以识别touchmove事件并正确返回位置，而在Microsoft Edge中不能识别touchmove事件。

<div id="ele" style="position:absolute; top:0px; left:0px; width:100px;height:100px;border:1px solid"></div>

$(document).ready(function() {
   document.getElementById('ele').addEventListener('touchmove', function(e) 
   {
       console.log('event triggered');
   })
 });

我在Edge中获取的事件类型为mousemove，但我希望获取的是touchmove事件。有没有办法做到这一点？

Answer 1

尝试将以下内容添加到HTML文件：

canvas { touch-action: none;}

Answer 2

您需要添加"passive: false“，如下面的示例代码所示。这是因为默认情况下，passive设置为true。我花了好几天才弄明白这个问题！

document.addEventListener('touchmove', function(e) {
    e.preventDefault();
}, { passive: false });

编辑。我相信另一篇文章是正确的，而这篇文章是错误的，然而，为了防止它不起作用，我在这里留下了这篇文章，因为其他浏览器需要使用passive: false才能按照您的要求运行