iPhone/iPad用Safariのlabelタグの問題を解消する - jsdo.it - Share JavaScript, HTML5 and CSS

iPhone/iPadのSafariで見てください。 通常labelタグのfor属性とinputのid属性を一緒にすることで 関連付けられたテキスト部分をクリックしてもチェックを付けることができるが iPhone/iPad用Safariではなぜか反応しない。 javascriptを使って、clickイベントでcheckする必要があるが clickイベントだけで、イベントの中に何も記述しなくても 問題なく動作する。 【追記】 もしかしてと思いonclick属性をlabelに付けたら、それだけで動きました。 【追記：2011/10/14】 iOS5のsafariで確認したところ、修正されてませんでした。 【追記：2012/10/30】 iOS6のsafariでこの問題は解消したようです。 $(function(){ var ua =navigator.userAgent; if(ua.inde

[hisasann]

clickイベントを入れる

[solidstatesociety]

声のかからない幽霊社員

[kaeru04]

いいね

[edo_m18]

共通のライブラリがあれば、そこに自動的にlabel要素にイベントをlistenさせるようにしておけばいいのかも。

[n-styles]

ほほう。

[kurihiroi]

[ラベル]

[persee]

iphoneでlabelが効かない問題

[macky1207]

ほうほう・・・