정보실

웹학교

정보실

javascript JavaScript 터치 이벤트

본문

터치 이벤트는 스마트 폰이나 태블릿과 같은 모바일 장치에서 페이지를 볼 때 트리거 되는 이벤트입니다.


멀티 터치 이벤트를 추적 할 수 있습니다.


우리는 4 가지 터치 이벤트가 있습니다 :

  • touchstart 터치 이벤트가 시작되었습니다 (표면이 터치 됨)
  • touchend 터치 이벤트가 종료되었습니다 (표면이 더 이상 터치되지 않음)
  • touchmove 터치 손가락 (또는 장치를 터치하는 모든 것)이 표면 위로 움직입니다.
  • touchcancel 터치 이벤트가 취소되었습니다

터치 이벤트가 발생할 때마다 터치 이벤트가 전달됩니다.

const link = document.getElementById('my-link')
link.addEventListener('touchstart', event => {
  // touch event started
})


해당 이벤트에 액세스 할 수 있는 모든 속성은 다음과 같습니다.

  • identifier 이 특정 이벤트의 고유 식별자 멀티 터치 이벤트를 추적하는 데 사용됩니다. 동일 손가락 = 동일한 식별자.
  • clientX / clientY 스크롤에 관계없이 브라우저 창에 대한 마우스 포인터의 x 및 y 좌표
  • screenX / screenY 화면 좌표에서의 마우스 포인터의 x 및 y 좌표
  • pageX / pageY  페이지 좌표에서 마우스 포인터의 x 및 y 좌표 (스크롤 포함)
  • target  터치 요소




  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 25회 ]  작성일19-08-28 17:58

웹학교