DEVELOPERS BLOGデベロッパーズブログ

  1. HOME > 
  2. 加藤 正人のデベロッパーズブログ > 
  3. スマホ向けサイトの click と touch

加藤 正人のデベロッパーズブログ

加藤 正人

氏名
加藤 正人
役職
多分SE
血液型
秘密
出没
美味しいもののあるところ
特色
タヒチ大好き。ちょいメタボ。

加藤 正人

2015/12/19

スマホ向けサイトの click と touch

 

jQuery でボタンクリック処理を記述する際には PC 版からの流れで click イベントで記述していたのだが、反応が若干鈍いような気がしていた。CPU パワーの違いかと勝手に思っていたのが、スマホ系のブラウザ表示内の動作では、click の他 touch イベントなどが拡張規定されていて、そちらで記述しないとまずいらしい。

そのため jQuery に jQuery モバイルを組み合わせることでそれらが容易に使えるようになる。ただ、PC 版などのコードとの後方互換性?を保つためたとえば touch イベントは処理後 click イベントを発行するなどイベントがカスケードされているため拡張イベント処理を記述しなくても click 動作が行なわれるので気づかなかった。

ただ、拡張イベントから基底イベントへの遷移には数百ミリ秒オーダーではあるが遅延がありうるため、「反応が鈍い」と感じられることもあるようだ。

そのような場合は、やはり直接 touch イベント等を記述して対応しないといけないようだ。

 

関連タグ: touch  click  jQuery 

関連エントリー