tofucodes https://blog.hatena.ne.jp/tofucodes/ tofucodes diary https://tofucodes.hatenablog.jp/ javascript 業務でデザイナーから受け取ったツールキットを取り込んだ際に、チェックボックスが期待通りに動かないからもしかしてFastClickのせいかなと思って調べたまとめ。 そもそもFastClickとは スマホではダブルタップを判定するためにタップしてからイベント発火するまで300msの待ちがある。 FastClickはその待ちを消してタップが早く反応するようにするもの。 問題 例として以下のようなHTMLがあるとする。 <label> <div> <input type="checkbox"> </div> </label> 上のHTMLはのエリアをタップするとチェックボックスが反応することが期待され… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftofucodes.hatenablog.jp%2Fentry%2F2014%2F03%2F20%2F000000" title="FastClick適用下でのチェックボックスにおける問題 - tofucodes diary" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2014-03-20 00:00:00 rich https://tofucodes.hatenablog.jp/entry/2014/03/20/000000 1.0 100%