Hammer. js 이벤트 상호 배척 중첩 requireFailure 와 recognizeWith
2020 단어 웹 전단Javascript
버 전: Hammer. JS - v 2.0.8
먼저 recognizeWith 를 말 해 보 세 요. 이것 은 이해 하기 쉽 습 니 다. 바로 다 중 제스처 이 벤트 를 동시에 식별 할 수 있 습 니 다. 예 를 들 어. recognizeWith (더 블 클릭) 를 클릭 한 경우 두 번 클릭 하면 클릭 (두 번 클릭 하여 리 셋) 과 더 블 클릭 이벤트 (한 번 더 블 클릭 으로 리 셋) 를 촉발 할 수 있 습 니 다.
requireFailure 의 역할 은 여러분 이 스스로 원문 을 볼 수 있 습 니 다. 제 개인 적 인 이 해 는 예 를 들 어. recognizeWith (더 블 클릭) 를 누 르 고 . requireFailure (더 블 클릭) 를 누 르 면 두 번 째 클릭 후, 즉 더 블 클릭 후 클릭 한 리 턴 함 수 를 촉발 합 니 다. 더 블 클릭 의 리 턴 을 촉발 하지 않 습 니 다. 간단하게 이해 하면 클릭 의 조건 을 만족 시 킨 후에 더 블 클릭 은 상관 하지 않 습 니 다.
다음은 실험 코드 입 니 다. 필요 한 것 이 있 으 면 뛰 어 보 세 요.
var doc = document;
(function(){
var box = doc.getElementById("box");
var hm = new Hammer.Manager(box);
var singletap = new Hammer.Tap({event: 'singletap'});
var doubletap = new Hammer.Tap({event: 'doubletap', taps: 2});
var panh = new Hammer.Pan({event: 'panh', direction: Hammer.DIRECTION_HORIZONTAL});
var panv = new Hammer.Pan({event: 'panv', direction: Hammer.DIRECTION_VERTICAL});
var swipe = new Hammer.Swipe();
hm.add([panh, panv, singletap, doubletap, swipe]);
doubletap.recognizeWith(singletap);
singletap.requireFailure(doubletap);
//swipe.recognizeWith(panh);
//panv.requireFailure(panh);
//swipe.requireFailure(panh);
//*
hm.on('panh', function(e) {
console.log('panh event');
console.log(e);
});
hm.on('panv', function(e) {
console.log('panv event');
console.log(e);
});
//*/
hm.on('doubletap', function(e) {
console.log('doubletap event');
console.log(e);
});
hm.on('singletap', function(e) {
console.log('singletap event');
console.log(e);
});
hm.on('swipe', function(e) {
console.log('swipe event');
console.log(e);
});
})();
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
js div 드래그 호 환 i / fireforx js 마우스 위치 깊이 분석이벤트 속성 은 이벤트 가 실 행 될 때 브 라 우 저 페이지 (클 라 이언 트) 에 대한 수직 좌 표를 되 돌려 줍 니 다. 이 두 속성 은 이벤트 가 실 행 될 때 마우스 포인터 가 브 라 우 저 페이지 (클 라...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
