javascript - 禁用移动浏览器滑动返回行为？

Question

我正在构建一项功能，让用户可以拖动不同的项目。但是，当他们拖动靠近手机屏幕边缘的项目时，浏览器会返回到最后一页。有谁知道它是否能够在单个 <div> 中禁用它还是不可能？

Answer 1

您可以尝试以下代码来防止这种情况。

如果触摸元素是目标 div，则阻止该操作，否则允许。

HTML:

<div id="tragetDiv"> </div>

 window.addEventListener("touchmove", function(event) {
       let target = event.target;
       if (target.id === "tragetDiv") {
           event.preventDefault();
       }
 });