본문 바로가기
프로그래밍

모바일에서 터치 무브 이벤트 때문에 스크롤되는 문제 해결팁 (HTML, JS)

by hansoo.labs 한수댁 2018. 2. 9.

Prevent scrolling by touch move event in mobile browser

Body 에 이벤트 리스너를 걸어 막을 수 있다네.. 특정 영역을 구분해서 처리하려면 아래처럼 하면 되겠어.

refer: link




// Prevent scrolling when touching the canvas
document.body.addEventListener("touchstart", function (e) {
  if (e.target.tagName == 'canvas') {
    e.preventDefault();
  }
}, false);
document.body.addEventListener("touchend", function (e) {
  if (e.target.tagName == 'canvas') {
    e.preventDefault();
  }
}, false);
document.body.addEventListener("touchmove", function (e) {
  if (e.target.tagName == 'canvas') {
    e.preventDefault();
  }
}, false);


태그

, ,

댓글0