最終更新:2015-07-07 (火) 12:22:25 (3209d)  

Mobie Safari/イベント処理
Top / Mobie Safari / イベント処理

タッチ関連

  • touchstart - 新しくスクリーンに指が触れた場合に発生するイベント
  • touchend? - スクリーンから指を離した場合に発生するイベント
  • touchmove - スクリーンに触れている指をスライドさせた場合に発生するイベント
  • touchcancel? - システムによってタッチイベントがキャンセルされた場合に発生するイベント

ジェスチャー関連

  • gesturestart? - 新しくスクリーンに二本以上の指が触れた場合に発生するイベント
  • gesturechange? - 二本以上の指がスクリーンに触れている状態で指をスライドさせた場合に発生するイベント
  • gestureend? - ジェスチャーイベントが終了した場合(スクリーンに触れている指が一本以下になった場合)に発生するイベント

デバイス関連

クラス

TouchEvent

  • TouchEvent.touches?event.touches?現在画面上にあるすべての指のリスト
    TouchEvent.targetTouchesevent.targetTouches現在の DOM 要素上にある指のリスト
    TouchEvent.changedTouches?event.changedTouches?現在のイベントに関与している指のリスト
    TouchEvent.altKey?event.altKey?
    TouchEvent.metaKey?event.metaKey?
    TouchEvent.ctrlKey?event.ctrlKey?
    TouchEvent.shiftKey?event.shiftKey?
    TouchEvent.metaKey?event.metaKey?
    TouchEvent.relatedTarget?event.relatedTarget?

TouchList

Touch

  • clientX: クライアント領域(viewport)に対するX座標
  • clientY: クライアント領域(viewport)に対するY座標
  • screenX: 画面の表示領域に対する指のX座標
  • screenY: 画面の表示領域に対する指のX座標
  • pageX: ページ全体に対する指のX座標(スクロールを必要とする領域も含む、ということです)
  • pageY: ページ全体に対する指のX座標
  • target: タッチイベントが発生したノード
  • identifier: それぞれのタッチイベントに対する、ユニークな値

TouchEventクラス

GestureEvent?クラス

参考