터치 장치가 어떻게 `document.click`을 트리거하여 드롭다운 메뉴를 닫을 수 있습니까?

터치 장치용 Document .click 기능

질문: 터치 장치가 document.click 기능을 어떻게 트리거할 수 있습니까? 클릭으로 시작된 드롭다운 메뉴를 닫으려면 이벤트?

답변:

Chrome 및 Firefox와 같은 최신 브라우저는 터치 입력에 대한 클릭 이벤트를 트리거합니다. 이렇게 하면 추가 touchstart 또는 touchend 이벤트가 필요하지 않습니다. 간단히 사용하세요:

$(document).on('click', function () { ... });

설명:

이전 브라우저는 터치 입력을 별개의 이벤트로 간주하여 다르게 해석했습니다. 이를 설명하기 위해 다음과 같은 이벤트 핸들러가 사용되었습니다.

$(document).on('click touchstart', function () { ... });

그러나 터치 친화적인 브라우저의 출현으로 터치스타트 이벤트는 더 이상 필요하지 않습니다. 클릭 이벤트만으로도 충분합니다.

추가 참고 사항:

제공된 예제에서는 .on()과 함께 이벤트 위임 기술을 사용하여 클릭 핸들러를 전체 문서에 바인딩합니다. 이렇게 하면 메뉴가 동적으로 추가되거나 제거되는 경우에도 클릭 이벤트가 캡처됩니다.

위 내용은 터치 장치가 어떻게 `document.click`을 트리거하여 드롭다운 메뉴를 닫을 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!