Странное поведение с фрагментами URL и кликом в iOS Safari

Question

Я столкнулся со странной проблемой в мобильном Safari на моем (iOS 4) iPod touch.Минимальный объем HTML для демонстрации этой проблемы:

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

Когда страница загружается без фрагмента # в URL, при щелчке по ссылке выполняется javascript onclick, который подавляет действие ссылки, и (как и ожидалось) ничего не происходит.

Однако, если страница загружена с допустимым фрагментом URL, #anchor в приведенном выше примере, а затем щелчок по ссылке заставляет страницу перейти к абзацу с идентификатором 'anchor'(например, когда страница была изначально загружена).

Я не могу найти способ обойти это;Любые предложения будут с благодарностью.

Answer 1

Это потому, что href="" (не правильно) - это то же самое, что и href="." (правильно), что то же самое, что ввод текущего URL в href.

Если бы вы просто пытались сделать кнопку, вы могли бы использовать <span> с некоторыми CSS, такими как cursor: pointer и такими вещами.