html - 不能在 Safari/iOS 中工作？

Answer 1

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

在 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();重复的错误。

Answer 2

根据您的描述，这似乎是 iOS 浏览器 JS 实现中的一个错误（也许创建一个最小的代码来演示它？）。

一个简单的解决方法是将 替换<a href...>为<span style="cursor:pointer;">.

Answer 3

您是否尝试过完全从 javascript 绑定元素？

<a href="#" id="nogo">Foo</a>

document.getElementById('nogo').onclick = function(ev) {
ev.preventDefault();
};