터치무브 이벤트
예시
사용자가 P 요소 위로 손가락을 움직일 때 JavaScript를 실행합니다(터치 스크린만 해당):
<p ontouchmove="myFunction(event)">Touch me!</p>
정의 및 사용
touchmove 이벤트는 사용자가 화면에서 손가락을 움직일 때 발생합니다.
touchmove 이벤트는 각 움직임에 대해 한 번 트리거되며 손가락을 놓을 때까지 계속 트리거됩니다.
참고: touchmove 이벤트는 터치 스크린이 있는 장치에서만 작동합니다.
팁: touchmove 이벤트와 관련된 기타 이벤트는 다음과 같습니다.
- touchstart - 사용자가 화면을 터치할 때 발생
- touchend - 사용자가 요소에서 손가락을 뗄 때 발생
- touchcancel - 터치가 중단될 때 발생
브라우저 지원
표의 숫자는 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Event | |||||
---|---|---|---|---|---|
touchmove | 22.0 | 12.0 | 52 | Not supported | Not supported |
통사론
HTML:
<element ontouchmove="myScript">
자바스크립트:
object.ontouchmove = myScript;
JavaScript에서 addEventListener() 메서드를 사용하여 다음을 수행합니다.
object.addEventListener("touchmove", myScript);
기술적 세부 사항
거품: | 네 |
---|---|
취소 가능: | 네 |
이벤트 유형: | 터치 이벤트 |
지원되는 HTML 태그: | 모든 HTML 요소 |