html - 在 Safari/iOS 中不工作？

Question

我的页面中有这段代码:

<a href onClick="return false;">Press me!</a>

链接放置在具有有用的 onClick 事件的范围内。

现在，这在 Chrome 和 Firefox 中完美运行。单击链接，执行有用的事件，大家都很高兴。在使用默认 Safari 浏览器的 iOS(iPhone 和 iPad)中，这会失败得很惨——单击链接后，整个页面会重新加载，有用的事件永远不会执行。

我也试过

<a href="#" onClick="return false;">Press me!</a>

我认为这是错误的做法。在 Chrome 和 Firefox 中它运行良好，但在 iOS 的 Safari 中它跳回到页面的开头(但它确实执行了有用的事件，所以在某种意义上它更好)。

我错过了什么？

Answer 1

您可以设置 href="#"，我注意到同样会跳转到页面顶部。 # 是页内 anchor ，我认为它指的是页面顶部。我不清楚为此定义的行为。但是，唉，你想取消它。

在 iPhone 5.0.1 Simulator 中，结合使用这两种取消方法是可行的，并且不会滚动到顶部。这是我完整的 test.html 文件。它适用于模拟器、Chrome 和 OS X Safari。

<div style="height: 1000px; background-color: blue;"></div>
<a href="#" onClick="event.preventDefault(); return false;">Poke it!</a>
<div style="height: 1000px; background-color: red;"></div>

郑重声明，删除 event.preventDefault(); 会重复您的错误。