スマホでjQueryのclickイベントが発生しないときの対処方法

はじめに

スマホでjQueryのclickイベントが発生しないときの対処方法です。iOSのSafariでよく発生します。

現象

$("a").click(function () {
  // ...
});
iOSのSafariでイベントが発生しませんでした。Chromeのデベロッパーツールや他のブラウザでは正常に動作するため結構悩んでいました。

対処方法

$("a")
  .click(function () {
    // ...
  })
  .css("cursor", "pointer");
これで動きます。
PCユーザーもカーソルがポインターになるため、PCアクセシビリティの観点からも利点があります。

ホームプロフィール外部リンクのため、別ウインドウで開きますプライバシーポリシー

時間のないサイト運営者リング外部リンクのため、別ウインドウで開きます

© 2024 Oishi Takanori / Made with Gatsby.js