Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/postgresql/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在不阻止滚动的情况下防止touchstart上的默认设置_Javascript_Jquery_Preventdefault_Touchstart - Fatal编程技术网

Javascript 在不阻止滚动的情况下防止touchstart上的默认设置

Javascript 在不阻止滚动的情况下防止touchstart上的默认设置,javascript,jquery,preventdefault,touchstart,Javascript,Jquery,Preventdefault,Touchstart,这里也有类似的问题,但解决方案要么涉及到另一个库,要么使用一个点击事件——我想知道,如果没有库,实现它是否可行 我在图像上使用touchstart事件来检测1.5秒的点击,然后重新加载所述图像。但是,在大多数移动设备上,当您按住图像一段时间后,它会显示一个弹出窗口,询问您是否要保存/复制图像,这是我想要阻止的 preventDefault()实现了这一功能,但也忽略了图像上的滚动(如预期的那样) 允许在图像上滚动的最佳方式是什么 示例代码: $('#the-image').bind('touch

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

我在图像上使用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设备上工作


感谢您的帮助。

请尝试
-webkit touch callout:none;
-webkit用户选择:无;
-khtml用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
用户选择:无如果可以使用CSS。

一个很好的技巧是
node.ontouchstart=node.onclick所以它认为你在用电脑鼠标


请参见

函数'absorbivent'调用
preventDefault()
方法,该方法不幸禁用了屏幕上的滚动element@George不幸的是。