沃梦达 / 编程问答 / 前端问题 / 正文

在 javascript 中禁用 Chrome 浏览器上的导航滑动

沃梦达教程前端问题

2022-01-01

Disable navigation swipe on Chrome browser in javascript(在 javascript 中禁用 Chrome 浏览器上的导航滑动)

本文介绍了在 javascript 中禁用 Chrome 浏览器上的导航滑动的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

在 Chrome Mobile 上，Google 引入了带有向左/向右滑动事件的标签导航.

On Chrome Mobile, Google introduced a tab navigation with the swipe left/right events.

但是我有一个 web 应用程序，并且我实现了向左滑动事件来打开我的导航菜单(如 facebook 或 spotify)

But i have a webapp, and i implement a swipe left event to open my navigation menu (like facebook or spotify)

问题是，如果用户在第一个左侧像素(left:0)上开始滑动，浏览器将启动导航模式，并且不执行我的打开菜单功能.

The problem is, if user start his swipe on the first left pixel (left:0), the browser start the navigation mode, and do not execute my opening menu function.

有没有办法在 Chrome 上禁用或停止导航模式?

Is there a way, to disable or stop the navigation mode on Chrome ?

我已经尝试使用 .preventDefault 和 stopPropagation 功能，但无法正常工作:(


I already tried with .preventDefault, and stopPropagation function, but not working :(
感谢您的帮助
推荐答案
您可以尝试使用以下组合:
Could you try using a combination of:

根据 window.onbeforeunload 拦截浏览器 Back 函数"nofollow">这个例子，和
使用 this示例?

intercepting the browser Back function using window.onbeforeunload, as per this example, and
disabling navigation using the technique illustrated in this example?

这篇关于在 javascript 中禁用 Chrome 浏览器上的导航滑动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

沃梦达教程

本文标题为：在 javascript 中禁用 Chrome 浏览器上的导航滑动