모바일 touchmove
본문
모바일 touchmove
- touchstart
- touchend
- touchmove
- touchcancel
- https://wit.nts-corp.com/2013/12/20/583
모바일에서 스와이프 한번에 모바일 화면 크기만큼 내리거나 올리거나를 구현하려고하는데요.
반응형이하구요
pc에서는 휠 위 아래 구분을 줘서 그때에 맞는 이벤트를 걸어서 화면 이동을 하였는데요..
모바일에서는 mousewheel DOMMouseScroll scroll 이벤트가 먹지안고..touchmove를 사용해서 해야하는 거같은데..
이때 touchmove를 위로 이동 아래로이동에 구분이 불가능하니 이벤트가 맘대로 들어감니다..
좋은 해결방안이 있을까요?
답변 1
touchmove 로는 안되던데요 ^^
touchstart 할때 startOffset 을 저장하고
touchend 가 일어날때 endOffset 을 잡아서 startOffset 하고 endOffset 을 비교해서
위로 갔는지 아래로 갔는지 알아내야 됩니다.
mousemove 도 비슷하게 동작합니다.
사실 touchmove 는 움직이는 동안 div를 흐리게 한다거나 할때 이용하고
님께서 말한 내용에 맞는 이벤트는 아니라고 봐야죠
touchcancel 은 거의 일어나지 않고 제대로 동작하지 않으니 touchend 로 간주하고 작업하시면 됩니다.
감사합니다.
답변을 작성하시기 전에 로그인 해주세요.
