スマホのタップハイライトが遅い時は#(シャープ)が原因かも

スマホサイトを作る際に、aタグにタップハイライトを指定しているのに、タップではなくロングタップでないとハイライトしない場合があります。 どうやらhref属性に#(シャープ)をしている時にリンクを長押ししないとハイライトしないようです。

タップで即時にハイライトしない場合

リンクにクリックイベントをバインドするために href="#" にしていた場合、長押ししないとハイライトしませんでした。

アンカーリンクのために href="#anchor" と記述した場合、長押ししないとハイライトしませんでした。

タップで即時にハイライトする場合

クリックイベントをバインドするために href="javascript:void(0);" という風に記述した場合は、タップしたときに即時にハイライトしました。

通常のリンクとして href="link.html" という風に記述した場合は、タップしたときに即時にハイライトしました。