DEVELOPERS BLOGデベロッパーズブログ
- HOME >
- 加藤 正人のデベロッパーズブログ >
- スマホ向けサイトの click と touch
加藤 正人のデベロッパーズブログ
- 氏名
- 加藤 正人
- 役職
- 多分SE
- 血液型
- 秘密
- 出没
- 美味しいもののあるところ
- 特色
- タヒチ大好き。ちょいメタボ。
- 2020/12/15
- CakePHP3 のリダイレクトがうまく行かない例
- 2020/11/12
- Apache Bench
- 2020/10/05
- PhpSpreadsheet でExcel ファイルを読み込む (CakePHP3)
jQuery でボタンクリック処理を記述する際には PC 版からの流れで click イベントで記述していたのだが、反応が若干鈍いような気がしていた。CPU パワーの違いかと勝手に思っていたのが、スマホ系のブラウザ表示内の動作では、click の他 touch イベントなどが拡張規定されていて、そちらで記述しないとまずいらしい。
そのため jQuery に jQuery モバイルを組み合わせることでそれらが容易に使えるようになる。ただ、PC 版などのコードとの後方互換性?を保つためたとえば touch イベントは処理後 click イベントを発行するなどイベントがカスケードされているため拡張イベント処理を記述しなくても click 動作が行なわれるので気づかなかった。
ただ、拡張イベントから基底イベントへの遷移には数百ミリ秒オーダーではあるが遅延がありうるため、「反応が鈍い」と感じられることもあるようだ。
そのような場合は、やはり直接 touch イベント等を記述して対応しないといけないようだ。
2020/12/15
2020/11/12
2020/10/05
2020/09/11
2020/08/03