スマホで2回タッチしないとリンクに飛ばない問題の対処

WordPress 運営
カンナミ

このサイトをスマホ(iPhone12 iOS 16.6)で見ていると、2回タッチしないとリンクに飛ばないことがよくありました。iphoneで2回タッチしないとリンクが飛ばない時の対処方法 | オランダで生きていくを参考にjavascriptで対策することにします。尚、原因はスマホだとhoverが効かないため、またiOSのバグ影響もあるということですが、深入りはしません。

対策としてheader.phpの<head>タグ内に以下のコードを追加しました。無事、動作しています。

<!-- スマホで2回タッチしないとリンクに飛ばない問題の対処 -->
<script>
window.ontouchstart = function() {};
window.addEventListener('touchstart', function() {}, true);
window.addEventListener('touchstart', function() {}, false);
</script>