1. TOP
  2. Web javascript
  3. [js] スマホのjQueryタッチイベント取得に関しての挙動

[js] スマホのjQueryタッチイベント取得に関しての挙動

カテゴリ:
Web
javascript
| トラックバック(0)
投稿者:yo yo

jQueryのバージョンは1.9.1、Androidバージョン7.0のchrome、iOS 10.3.1のsafariの実機で確認。2017年4月24日。

touchstart

// タッチした時に発生
// Android 反応◎ return false、iPhone 反応× return true。
jQuery("#target").on('touchstart',function() {
  alert('タッチ');
});

touchend

// タッチして離した時に発生
// Android 反応◎ return true、iPhone 反応× return true。
jQuery("#target").on('touchend',function() {
  alert('タッチ');
});

AndroidもiPhoneも、touchendイベントはタップしたままで#targetから指をずらし、指を離してもイベントが発火する。

イベントの反応速度的には<a onclick=""></a>とかやったほうが早い。

« [適当] オブジェクト指向のインタフェースや抽象クラスやマジックメソッドってのはつまるところ | ホーム | [釣り] 趣味で海釣りを始めて2年たって解ってきたことメモ »

トラックバック

http://pulltab.info/mt/mt-tb.cgi/151
ページの先頭に戻る