아이패드에서 더블 터치 하면 화면이 확대가 되는데 이것을 방지하는 소스임.
페이지 정보
본문
// 터치엔드 이벤트를 클릭 이벤트로 변환하여 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();
}
});
}
});
- 이전글특정 요소외 다른 영역을 클릭하면 소스 23.04.11
- 다음글문장의 초성을 숫자로 (암호화로) 22.12.24
댓글목록
등록된 댓글이 없습니다.