Class: BrowserEventTranslator

BrowserEventTranslator(el, options)

new BrowserEventTranslator(el, options)

Pointer/Mouse/Touchの各eventについて以下フローで追跡し、ジェスチャ判定を行う。
pointerdown/mousedown/touchstart event
↓
setUpPointerTracking(ev)
↓
repeat pointermove/mousemove/touchmove event → trackPointer(ev)
↓
pointerup/mouseup/touchend event
↓
stopPointerTracking(ev)
↓
finishPointerTracking(ev)
Parameters:
Name Type Description
el Element
options BrowserEventTranslator~options
Source:
See:

Classes

Point

Namespaces

EventType

Members

dontSlideDistance :number

この範囲内のpointerの動きであれば無視する基準値(px)
Type:
  • number
Default Value:
  • 20
Source:

doubleTapTimeLimit :number

これよりタップ間隔が開いたらダブルタップと見なさない基準値(ms)
Type:
  • number
Default Value:
  • 300
Source:

el :Element

event変換の対象となるDOM要素
Type:
  • Element
Source:

horizontalSwipeDegree :number

これより角度が大きいと水平スワイプではなく垂直スワイプと見なす基準値(deg)
Type:
  • number
Default Value:
  • 50
Source:

longPressTimeLimit :number

これより長時間pointerが接地していればlongpressだとみなす基準値(ms)
Type:
  • number
Default Value:
  • 1000
Source:

options :BrowserEventTranslator~Options

Type:
Source:

preventDefault :boolean

Type:
  • boolean
Default Value:
  • true
Source:

preventDefaultCallback :BrowserEventTranslator~PreventDefaultCallback

Type:
Default Value:
  • BrowserEventTranslator#preventDefaultを返す関数
Source:
See:

stopPropagation :boolean

Type:
  • boolean
Default Value:
  • false
Source:

stopPropagationCallback :BrowserEventTranslator~StopPropagationCallback

Type:
Default Value:
  • BrowserEventTranslator#stopPropagationを返す関数
Source:
See:

swipeDistance :number

pointerがこれ以上動いていればスワイプ動作であるとする基準値(px)
Type:
  • number
Default Value:
  • 30
Source:

swipeTimeLimit :number

これ以上の時間pointerを動かしていたらスワイプと見なさいないとする基準値(ms)
Type:
  • number
Default Value:
  • 300
Source:

trace :boolean

trueならlog出力する
Type:
  • boolean
Default Value:
  • false
Source:

tracePrefix :string

log出力の際に付加するprefix
Type:
  • string
Source:

Methods

destroy()

要素に設定されたUIEvent,当objectに設定されたBeautifulProperties Eventを共に削除する
Source:
See:

Type Definitions

Options

BrowserEventTranslatorのoptions
コンストラクタに渡すと各propertyに設定される。
Properties:
Name Type Attributes Description
swipeDistance number <optional>
swipeTimeLimit number <optional>
dontSlideDistance number <optional>
doubleTapTimeLimit number <optional>
horizontalSwipeDegree number <optional>
longPressTimeLimit number <optional>
preventDefault boolean <optional>
stopPropagation boolean <optional>
trace boolean <optional>
tracePrefix string <optional>
preventDefaultCallback BrowserEventTranslator~PreventDefaultCallback <optional>
stopPropagationCallback BrowserEventTranslator~StopPropagationCallback <optional>
Source:
See:

PreventDefaultCallback(ev) → {boolean}

Parameters:
Name Type Description
ev UIEvent
Source:
Returns:
trueを返せばev.preventDefault()が呼ばれるようになる
Type
boolean

StopPropagationCallback(ev) → {boolean}

Parameters:
Name Type Description
ev UIEvent
Source:
Returns:
trueを返せばev.stopPropagation()が呼ばれるようになる
Type
boolean