iPhoneでlabelが効かない時の対策まとめ ITかあさん

ITかあさん

iPhoneでlabelが効かない時の対策まとめ

iPhoneでlabelが反応しない対策はいくつかありましてん。

labelに空のonclick

う~ん、これはちょっと

CSSでcursor:pointer;

labelをpointerにする

label {
cursor:pointer;
}

CSSでcursor:pointer;で反応しないとき

で、つまずいたのが、cursor:pointer;をCSSで指定しても反応しないとき。
jQueryでclickイベントを追加。

$(‘label’).click(function(){});

これで、cursor:pointer;で反応しなかったiPhoneでも無事反応しましたとさ。

初夏のJavaScript祭 in サーキュレーションビル ForPro