PR
TIPS

iPhoneでのaリンクを2回押さないと反応しない問題の解決方法

iPhoneなどのタッチスクリーンデバイスでは、aリンクを2回タップしないと反応しないという問題が発生することがあります。これは、hover効果などが影響している可能性があります。

この問題を解決する一つの方法は、HTMLのタグにontouchstart属性を追加することです。具体的には、以下のようにします。

<body ontouchstart="">

これにより、タッチ操作を初めて行ったときにイベントが発火し、適切にリンクが機能するようになります。

この記事を書いた人
Naokazu Yokoo

エンジニア歴20年以上。現在はWeb / AI領域で活動中。
開発環境・サーバー環境ともに速度と効率性を追求しています。

Follow Naokazu Yokoo
Follow Naokazu Yokoo

Comment

タイトルとURLをコピーしました