javascript - 避免用两根手指滚动来触发后退/前进

Question

我正在尝试找到一种方法，以避免当用户使用 2 指滚动(例如:OSX)时在浏览器中触发后退/前进。

就像这样: https://tweetdeck.twitter.com

Answer 1

移动设备在处理触摸事件方面非常烦人。但是，如果您在 DOM 触摸事件上返回 false 或 PreventDefault()，您将阻止浏览器滚动/缩放/导航。

下面的示例将阻止所有触摸执行默认行为；这意味着链接触摸将无法注册，滚动将无法工作等。

$("body").on("touchstart", function(e){
e.preventDefault();
});

以下内容将阻止多点触控的默认功能。

$("body").on("touchstart", function(e){
if (e.originalEvent.touches.length == 2) {
e.preventDefault();
}
});

如果您需要允许用户单击链接，您将执行以下操作。

$("body").on("touchstart", function(e){
if (e.target.tagName != "A") {
e.preventDefault();
}
});