touchmove 이벤트

정의와 사용법

사용자가 화면에서 손가락을 움직일 때 touchmove 이벤트가 발생합니다.

touchmove 이벤트는 매번 이동할 때마다 트리거되며, 손가락을 떼까지 지속적으로 트리거됩니다.

푸시:touchmove 이벤트와 관련된 다른 이벤트는 다음과 같습니다:

  • touchstart - 사용자가 요소를 터치했을 때 발생합니다
  • touchend - 사용자가 요소에서 손가락을 떼었을 때 발생합니다
  • touchcancel - 사용자가 화면에서 손가락을 움직일 때 발생합니다

예제

사용자가 P 요소에 손가락을 올렸을 때 JavaScript를 실행합니다(터치스크린에만 적용됩니다):

<p ontouchmove="myFunction(event)">Touch me!</p>

본인이 직접 시도해 보세요

문법

HTML에서:

<element ontouchmove="myScript">

본인이 직접 시도해 보세요

JavaScript에서:

object.ontouchmove = myScript;

본인이 직접 시도해 보세요

JavaScript에서 addEventListener() 메서드를 사용하여:

object.addEventListener("touchmove", myScript);

본인이 직접 시도해 보세요

기술적인 세부 사항

부수: 지원:
취소 가능: 지원:
이벤트 타입: TouchEvent
지원하는 HTML 태그: 모든 HTML 요소

브라우저 지원

표에 나타난 숫자는 이 이벤트를 완전히 지원하는 첫 번째 브라우저 버전입니다.

이벤트 크롬 IE 파이어폭스 사파리 오페라
touchmove 22.0 12.0 52 지원하지 않음 지원하지 않음