hammerjsの初期化は何がありますか?
1343 ワード
hammerjs――移動端のジェスチャー・ボックスです.
New Hammerの過程
一番簡単にジェスチャーを使うデモです. Hammer function初期化を呼び出す hammer.jsでは、Manager(element,options)element:ジェスチャー操作の要素optionsを定義するためのコードが見られます.設定パラメータを定義します.デフォルトのrecongnizerは、TapRecognizerと同期してTapRecognizerを登録し、同じPInchRecognizerと同期してRotateRecognizerを登録します.
バインディングイベントhammertime.on demoの中のhammertime.on('pan',function(e){}は、実際にmanager.jsのon functionを呼び出します.
New Hammerの過程
一番簡単にジェスチャーを使うデモです.
// Manager
var hammertime = new Hammer(element, {});
//
hammertime.on('pan', function(e) {
TODO Logic...
})
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);
}
// 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]