안드로이드 pointer-events 버그

몇몇 안드로이드에서 touchstart 같은 touch전용 이벤트가 걸린 엘리먼트 위에 pointer-events: none;가 걸린 엘리먼트를 위에 띄울경우 touch이벤트가 안먹는 문제가 발생.

class: none
pointer-events: none;
class : touchevent
touchstart, touchmove, touchend

해결 방법

pointer-events를 준 엘리먼트에 e.preventDefault();를 줘서 해결

document.querySelector('.none').addEventListener('touchstart', function(e) {
  e.preventDefault();
});

글쓴이

Bathory

안녕하세요.

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다

This site uses Akismet to reduce spam. Learn how your comment data is processed.