> 웹 프론트엔드 > CSS 튜토리얼 > 'document.click' 기능이 터치스크린에서 작동하지 않는 이유는 무엇이며 어떻게 해결할 수 있습니까?

'document.click' 기능이 터치스크린에서 작동하지 않는 이유는 무엇이며 어떻게 해결할 수 있습니까?

Linda Hamilton
풀어 주다: 2024-12-26 10:32:10
원래의
639명이 탐색했습니다.

Why Doesn't My `document.click` Function Work for Touchscreens, and How Can I Fix It?

터치 장치용 Document .click 기능 해결

문제: document.click 기능을 활용하여 터치 장치에서 드롭다운 메뉴를 전환할 수 없습니다. 사용하여 jQuery.

코드:

$(document).click(function(event) { 

  if ( $(".children").is(":visible")) {
    $("ul.children").slideUp('slow');
  }

});
로그인 후 복사

문제:

  • document.click 기능이 작동하지 않을 수 있습니다. 터치 상호 작용과 호환됩니다.
  • 동일한 결과를 얻기 위한 해결 방법을 찾고 있습니다.

해결책:

최신 브라우저에서는 클릭 및 터치 동작 모두에 대해 클릭 이벤트가 발생하므로 추가 이벤트 리스너가 필요하지 않습니다. 업데이트된 코드는 다음과 같습니다.

$(document).on('click', function() {
  if ($(".children").is(":visible")) {
    $("ul.children").slideUp('slow');
  }
});
로그인 후 복사

위 내용은 'document.click' 기능이 터치스크린에서 작동하지 않는 이유는 무엇이며 어떻게 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿