iOSのSafariでjsのclickイベントやるときはbuttonタグとかにしとく

投稿日: 更新日:

すでに昔からある話と思うが、時々脳みそのメモリーからロストするのでメモ。

ググってみると、(Appleが公にアナウンスしたわけではないようだが)iOSのSafariの仕様として、クリックされる事を前提とした要素(a,buttonなど)でないと、jsでclickのイベントリスナーを対象要素に指定しても動作してくれないようだ。

対処方法はいくつかあるが(詳細は他のウェブのリソースに任せる)、一番きれいなのは次のようにbuttonタグにtype="button"を指定して使う実装だと思う。

<button type="button">do something</button>

関連するタグ

関連するタグは現在ありません。