3

这个问题也有类似的问题,但解决方案要么涉及另一个库,要么使用点击事件——我想知道没有库是否可行。

我在图像上使用 touchstart 事件来检测 1.5 秒的点击,然后重新加载所述图像。但是,在大多数移动设备上,当您按住图像一段时间时,它会显示一个弹出窗口,询问您是否要保存/复制图像,我想阻止这种情况。

preventDefault()成功了,但也忽略了图像上的滚动(如预期的那样)。

还允许在图像上滚动的最佳方法是什么?

示例代码:

$('#the-image').bind('touchstart', function(event) {
    event.preventDefault();
    //detects long tap, then reloads etc
});

iOS 有一个 CSS 属性 ( -webkit-touch-callout:none) 可以正常工作,但不适用于非 iOS 设备。

任何帮助表示赞赏。

4

1 回答 1

0

试试-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;你是否可以使用CSS。

一个不错的技巧是node.ontouchstart = node.onclick;让它认为你正在使用电脑鼠标。

请参阅在 Android 上禁用长按时的上下文菜单

于 2014-01-04T00:44:12.773 回答