1

我正在开发一个针对 iPad 2 的移动网站，可以在这里看到。

当您滑动红色背景时，它会在右侧显示蓝色背景，但由于未选择任何内容而重置。要选择内容，必须： (a) 将鼠标左键按住在侧边栏图标之一（A 到 E）上，然后向左拖动超过 72 像素（任何更少，它将重置，因为它可能已经意外滑动）；或 (b) 只需单击（或点击）侧边栏图标。

问题是，虽然 (b) 工作得很好，但 (a) 却不行。在 Chrome 中经过一小段距离（可能等于最小滑动距离设置）后，它显示“不允许”光标，并且释放鼠标左键后未注册“mouseup”事件。您可以自己在 Chrome 中测试上面的链接。

任何人都可以确定为什么会这样吗？相关的 JavaScript 可以在这里看到。

4

1 回答 1

1

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

解决方案是添加draggable="false"以便 Chrome 不会表现出这种本机拖动行为：

<a href="..." draggable="false">...</a>
于 2012-10-18T17:42:27.647 回答