touchcancel 이벤트

DOM 이벤트 TouchEvent

정의와 사용법

touchcancel 이벤트는 터치 이벤트가 중지될 때 발생합니다.

다른 장치는 다른 동작에서 터치 이벤트를 중지할 수 있습니다. 이러한 '오류'가 발생하면 코드를 정리하기 위해 이 이벤트를 포함하는 것이 좋은 습관입니다.

주의사항:touchcancel 이벤트는 터치 스크린을 갖춘 장치에만 적용됩니다.

안내:다른 touchcancel 이벤트와 관련된 다른 이벤트는 다음과 같습니다:

  • touchstart - 사용자가 요소를 터치하면 발생
  • touchend - 사용자가 요소에서 손가락을 떼어내면 발생
  • touchmove - 사용자가 화면에서 손가락을 움직일 때 발생

예제

터치가 중지될 때 JavaScript를 실행합니다(터치 스크린에만 적용):

<p ontouchcancel="myFunction(event)">터치하세요!</p>

직접 시험해 보세요

문법

HTML에서:

<element ontouchcancel="myScript">

직접 시험해 보세요

JavaScript에서:

object.ontouchcancel = myScript;

직접 시험해 보세요

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

object.addEventListener("touchcancel", myScript);

직접 시험해 보세요

기술 세부 사항

버블링: 지원:
취소 가능: 지원:
이벤트 유형: TouchEvent
지원하는 HTML 태그: 모든 HTML 요소

브라우저 지원

표의 숫자는 이 이벤트를 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

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