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

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

現象

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

対処方法

$('a').click(function(){
  // ...
}).css('cursor','pointer');

これで動きます。

PCユーザーもカーソルがポインターになるため、PCアクセシビリティの観点からも利点があります。

export const _frontmatter = {}

@bicstone

大石貴則 (Ōishi Takanori) と申します。 Webエンジニア / セキュリティスペシャリスト / 機械エンジニア です。 プロダクトに幅広く携わり、相互成長し続けられるエンジニアを目指しています。

GitHubLinkedIn