javascript - iOS Safari 中 URL 片段和 onclick 的奇怪行为

Question

我在 (iOS 4) iPod touch 上的移动 Safari 浏览器中遇到了一个奇怪的问题。演示此问题的最小正文 HTML 是:

<p>
    <a href="" onclick="event.preventDefault()">Click</a>
</p>
<p id="anchor">
    Anchor
</p>

当 URL 中没有 # 片段加载页面时，单击链接会执行 onclick javascript，这会抑制链接的操作，并且(如预期)不会发生任何事情。

但是，如果页面加载了有效的 URL 片段(上例中的 #anchor)，则单击链接会导致页面跳转到 id 为“anchor”的段落(就像页面最初加载时一样) .

我找不到解决这个问题的方法；任何建议将不胜感激。

Answer 1

因为href="" (不正确)与 href="." 相同(正确)这与将当前 url 放入 href 中是一样的。

如果您只是想制作一个按钮，您可以使用 <span>使用一些 CSS，如 cursor: pointer以及诸如此类的事情。