GestureAxis

Type : Constructor

Support : 1.0

Extend : $B.Class

  • 대상영역의 Touch 방향을 dispatch 한다.
  • Android, iOS 지원. (Windows기반 터치 디바이스 미지원, CSS touch-action:none을 설정하면 이벤트를 받을수는 있다.)
    chrome, safari touchmove event e.preventDefault() 문제 대응

Methods

  • GestureAxis( target, options )

    GestureAxis 생성
    • target : ElementSelectorjQuery
      터치이벤트 발생시킬 대상.
      ※대상 개체는 단일 개체.
    • options : Object
      • enableMouseEvent : Boolean
        터치 이벤트가 지원하지 않는 환경에서 mouse이벤트를 사용할지 여부. (v1.5.0부터 지원)
      • preventDefault : Boolean
        safari v10 에서 세로축 touchstart를 막고 싶을때만 설정. (v1.1.2 에서 해결되어 해당 옵션 삭제)

  • enable() : GestureAxisver 1.0~

    GestureAxis 검출 허용 설정

  • disable() : GestureAxisver 1.0~

    GestureAxis 검출 비허용 설정

  • clear() : GestureAxisver 1.0~

    이벤트 및 기본설정 삭제

Events

No. type description property ver
1 axis Touch 방향 추출 시점
  • target: TouchEvent가 발생한 대상
  • currentTarget: 최초에 등록한 대상
  • axis: vertical, horizontal, none
  • direction: top, right, bottom, left, none
  • pageX, pageY: TouchEvent가 발생한 죄표
 1.0

Example

var gAxis = new $B.event.GestureAxis( '#wrap > div.banner' )
        .addListener( 'axis', function (e) {
            console.log( e.type );//axis
        });