• 구글 계정 로그인

아이패드에서 더블 터치 하면 화면이 확대가 되는데 이것을 방지하는 소스임.

페이지 정보

profile_image
작성자 LJM
댓글 0건 조회 292회 작성일 23-04-07 23:02

본문

// 터치엔드 이벤트를 클릭 이벤트로 변환하여 IOS 10 기능을 해결합니다.
// 개발자는 더블 클릭 터치 줌 비활성화를 사용하지 않습니다(원하지 않음).
$(function () {

if ((/iPad|iPhone|iPod/.test(navigator.userAgent))) {
 $(document.head).append(
 '<style>body { touch-action: pan-x pan-y; -ms-content-zooming: none; -ms-touch-action: pan-x pan-y; -webkit-text-size-adjust: none; text-size-adjust: none;}</style>'
 );  // css 소스와 같이 하면 손가락 두개로 확대 축소도 방지 가능

 

// 아래 소스는 아이패드에서 더블 터치 하면 화면이 확대가 되는데 이것을 방지하는 소스임.

 let preLastTouchStartAt = 0;
 let lastTouchStartAt = 0;
 const delay = 100;

 document.addEventListener('touchstart', () => {
  preLastTouchStartAt = lastTouchStartAt;
  lastTouchStartAt = +new Date();
 });
 document.addEventListener('touchend', (event) => {
  const touchEndAt = +new Date();
  if (touchEndAt - preLastTouchStartAt < delay) {
   event.preventDefault();
   event.target.click();
  }
 });


}
});

댓글목록

등록된 댓글이 없습니다.