모바일 웹브라우저를 위한 JavaScript Touch Event > 개발자 필수 스마트폰 앱

본문 바로가기

검색취소

모바일 웹브라우저를 위한 JavaScript Touch Event

검색 이전 다음 목록

본문

Android 또는 iOS을 사용하면 Javascript의 mousedown, mouseup, mousemove같은 이벤트를 그대로 사용할 수 없다.  터치스크린은 마우스가 아니기때문이다. Android와 iOS는 새로운 Javascript touch events API를 지원함으로서 Javascript가 터치스크린을 원할하게 사용 할 수 있도록 하고 있다.
Touche events
  • touchstart : 손이 터치스크린의 닫는 순간 발생
  • touchend : 손이 터치스크린에서 떨어지는 순간 발생 (iOS의 경우 touchcancel이벤트 발생)
  • touchmove : 손을 터치한상태로 터치스크린을 이동하면 발생
  • touchcancel : iOS에서 touchend의 또다른 이름 인것 같다.
터치스크린은 단순한 터치 뿐만 아니라 멀티터치라는 또다른 제스쳐를 사용 할 수 있다. 이를 위해 Javascript는 Gesture events API또한 제공하고 있다. 하지만 안타깝게도 Android에서는 Gesture events API를 지원하지 않는다고 한다.
Gesture events
  • gesturestart : 멀티 터치 시작
  • gesturechange : 멀티 터치상태로 이동
  • gestureend : 멀티 터치 종료

 Example :

function touch(event){
  alert(event.touches.length);
}
document.addEventListener('touchstart', touch, false);

추천 0

등록된 댓글이 없습니다.

?>