e.preventDefault()를 호출하여 터치 장치에서 "클릭"을 취소해야하는 터치 이벤트는 무엇입니까?

Question

클릭이 발사되지 않도록하려면 click 이벤트 처리기에서 e.preventDefault()으로 전화 할 수 있습니다. 이렇게하면 mousedown에 이벤트를 바인딩하고 마우스가 특정 거리를 이동하는 것과 같은 일이 발생하는지 확인하고, 그렇다면 마우스 버튼을 놓을 때 클릭을 방지합니다.

클릭 핸들러 e.preventDefault()은 특정 터치 장치의 클릭을 방지하지 못하는 것 같습니다. (저는 iPad mini에서 테스트 중입니다). 나는 또한 아무 것도하지 않는 것 같아 touchend 핸들러에서 e.preventDefault()을 호출 해 보았습니다.

touchstart에 e.preventDefault()을 호출하면 페이지가 스크롤되는 것을 차단하고 너무 빨리 클릭을 취소해야하는지 알 수 없으므로 쓸모가 없습니다. touchmove 만 취소를해야하는지 결정할 수 있습니다.

사용자가 링크 인 드래그 가능한 요소를 드래그하면 fingerup에서 링크의 '클릭'을 취소해야합니다. 이것은 클릭 이벤트를 취소하여 데스크톱에서 정상적으로 작동합니다.

사용자가 손가락을 들었을 때 "무장 한 클릭"이 중지되는 것을 취소 할 수있는 상응하는 이벤트가 있습니까?

Answer 1

iOS는 click 이벤트 속성을 등록하지 않는 것으로 알려져 있습니다. 이는 아이폰 OS가 determine how a click should be interpreted as에 조금 더 기다린다는 사실 가능성이 높습니다 :

• 스크롤의
• 시작을 패닝 핀치 및 확대/축소 제스처
• 두 개 또는 여러 손가락의 시작 (우리가 캡처하려는)을 두 번 눌러
• 간단한 탭 이벤트의
• 시작의 시작 터치 한 채로

따라서 jQuery Mobile에 포함 된 tap 이벤트를 청취 할 수 있습니다.

jQuery Mobile Tap 이벤트는 단일 대상 오브젝트에서 발생하는 신속한 완료 터치 이벤트 이후에 트리거됩니다. 터치 동작의 릴리스 상태에서 트리거되는 표준 클릭 이벤트와 동일한 제스처 입니다. 그래서, jQuery를 Mobiel 그것이 진짜 tap 이벤트가 참인지 확인하고를 발생하는 경우 :이 조건부로 시작하고 목표는 동일 중단 여부를 결정하는 touchstart에 듣기에 의존하기 때문에

tap 이벤트는, 기본적으로 설치되지 않았습니다 맞춤형, 기본이 아닌 이벤트 tap. 이 논리는 original source file에서 볼 수 있으며, 이후 75 번째 줄에서는 ./js/events/touch.js입니다.

$(selector).on('tap', function(e){ 
    e.preventDefault(); 
});