hammerjsの初期化は何がありますか?

1343 ワード

hammerjs――移動端のジェスチャー・ボックスです.
New Hammerの過程
一番簡単にジェスチャーを使うデモです.
 //    Manager
 var hammertime = new Hammer(element, {});
 //     
 hammertime.on('pan', function(e) {
 TODO Logic...
})

  • Hammer function初期化を呼び出す
  • hammer.jsでは、Manager(element,options)element:ジェスチャー操作の要素optionsを定義するためのコードが見られます.設定パラメータを定義します.
    function Hammer(element, options) {   
     options = options || {};
        //   recongnizers,    options.recongnizers   undefined,    'Hammer.defaults.preset'
        options.recognizers = ifUndefined(options.recognizers, Hammer.defaults.preset);
        return new Manager(element, options);
    }
    
    
  • デフォルトのrecongnizerは、TapRecognizerと同期してTapRecognizerを登録し、同じPInchRecognizerと同期してRotateRecognizerを登録します.
  • バインディングイベントhammertime.on
  • demoの中のhammertime.on('pan',function(e){}は、実際にmanager.jsのon functionを呼び出します.
      // RecognizerClass, options, [recognizeWith, ...], [requireFailure, ...]
      [RotateRecognizer, {enable: false}],
      [PinchRecognizer, {enable: false}, ['rotate']],
      [SwipeRecognizer, {direction: DIRECTION_HORIZONTAL}],
      [PanRecognizer, {direction: DIRECTION_HORIZONTAL}, ['swipe']],
      [TapRecognizer],
      [TapRecognizer, {event: 'doubletap', taps: 2}, ['tap']],
      [PressRecognizer]