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

2022-01-10 00:00:00 google-chrome swipe navigation javascript

在 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?

相关文章