如何修复 [干预] 忽略使用 cancelable=false 取消 touchmove 事件的尝试,例如因为滚动正在进行且无法进行

Sur*_*yan 5 javascript addeventlistener dom-events mousedown touchstart

我想为我的移动网站处理“touchstart”事件。它工作得很好,但现在它会在控制台中导致错误。

我使用 Galaxi S7 Chrome v72.0 浏览器对其进行了测试,并使用chrome://inspect/#devices扩展程序对其进行了检查。

当我尝试触摸时,它会导致:

[干预] 忽略使用 cancelable=false 取消 touchmove 事件的尝试,例如因为滚动正在进行且无法中断。

我认为问题仅适用于 Chrome v72.0 浏览器。

    var container = document.getElementById('container'),
        fragments = document.createDocumentFragment(),           
        touchScreen = document.createElement('div');

    fragments.appendChild(touchScreen);
    container.appendChild(fragments);

    var mousedownF = function(evt) {
      evt.preventDefault();
      /* Do something */
      return false;
   };

   touchScreen.addEventListener('touchstart', mousedownF);
   touchScreen.addEventListener('mousedown', mousedownF); 
Run Code Online (Sandbox Code Playgroud)