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

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

最佳答案

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

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

HTML:

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

https://stackoverflow.com/questions/60442717/

相关文章:

google-cloud-platform - 使用 GCP AutoML 进行自定义实体提取的预测

javascript - nuxt layout - 为移动端和桌面端提供不同的布局

ios - GeometryReader 在 SwiftUI 中占用额外空间

mysql - 无法在 AWS-mysql 中创建表并抛出错误代码 1044。拒绝用户 'user1

python - "Chrome not reachable"在非 headless 模式下使用 X

c# - 如果正在使用的 USB COM 端口已被移除,SerialPort.Close() 会卡住

apache-kafka - max.request.size 和 message.max.byte

git - 撤消 Git 中已推送到远程仓库的特定提交

javascript - 调用一次从 API 获取数据

swift - 使用 Storyboard将 Collection View 布局设置为组合布局