iPad/iPhone のホバーの問題により、ユーザーはリンクをダブルクリックすることになります。質問する

iPad/iPhone のホバーの問題により、ユーザーはリンクをダブルクリックすることになります。質問する

以前作成した Web サイトがいくつかありますが、jQuery マウス イベントを使用しています。iPad を入手したばかりですが、マウス オーバー イベントがすべてクリックに変換されていることに気付きました。たとえば、1 回ではなく 2 回クリックする必要があります (最初のホバー、実際のクリック)。

これを解決するための回避策はありますか? おそらく、mouseover/out などの代わりに使用すべき jQuery コマンドです。ありがとうございます!

ベストアンサー1

これを完全にテストしたわけではありませんが、iOS はタッチ イベントを発生させるので、jQuery 設定であればこれが機能する可能性があります。

$('a').on('click touchend', function(e) {
    var el = $(this);
    var link = el.attr('href');
    window.location = link;
});

考え方としては、Mobile WebKit はtouchendタップの終了時にイベントを発生させるので、それをリッスンして、touchendリンクでイベントが発生するとすぐにブラウザをリダイレクトするというものです。

おすすめ記事