为什么Chrome会阻止我在我网站上的刷卡尝试?

时间:2012-10-18 17:33:59

标签: javascript jquery ipad google-chrome swipe

我正在开发一个专为iPad 2设计的移动网站,可以看到here

当您滑动红色背景时,它会显示右侧的蓝色背景,但会重置,因为未选择任何内容。要选择内容,必须要么:(a)将鼠标左键保持在其中一个侧边栏图标(A到E)上,然后向左拖动超过72个像素(任意更少,它将重置,因为它可能已经意外滑动);或(b)只需点击(或点击)侧边栏图标即可。

问题是,虽然(b)工作正常,但(a)没有。在Chrome短距离后(可能等于最小滑动距离设置),它会显示"不允许"光标和" mouseup"释放鼠标左键后未注册事件。您可以自己在Chrome中测试上面的链接。

有人可以确定为什么会这样吗?可以看到相关的JavaScript here

1 个答案:

答案 0 :(得分:1)

在Chrome上拖动链接(<a href="...">)时,需要一段时间(即鼠标必须移动一定距离),直到拖动开始。拖动开始后,您可以将URL拖动到其他位置(例如,拖动到标签条以在新选项卡中打开它),但它会阻止您通过脚本自行使用拖动功能。

解决方案是添加draggable="false",以便Chrome不会展示此本机拖动行为:

<a href="..." draggable="false">...</a>
相关问题