Swiper.js 오류: [Intervention] Ignored attempt to cancel a touchmove event…
Posted On 2021-10-08
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
스와이프(swipe) 기능을 모바일용 웹페이지나 하이브리드 모바일 앱에 구현하기 위해 Swiper.js를 쓰는 경우가 있는데, 간혹 웹브라우저의 콘솔에 위와 같은 에러 메시지가 나면서 오동작하는 경우가 있다.
간단한 해결 방법은 HTML 문서의 body 태그 안에 ontouchstart라는 빈 속성을 추가하는 것이다. 예를 들면 <body ontocuhstart>와 같이 쓰면 된다.
왜 이렇게 작동하는지는 Swiper.js의 소스 코드를 뜯어 보지 않아서 나도 잘 모르겠지만, ontouchstart를 추가하는 것만으로 대개 이 에러가 해결된다.
이 저작물은 크리에이티브 커먼즈 저작자표시-변경금지 4.0 국제 라이선스에 따라 이용할 수 있습니다.