모바일 웹브라우저를 위한 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의 또다른 이름 인것 같다.
Gesture events
- gesturestart : 멀티 터치 시작
- gesturechange : 멀티 터치상태로 이동
- gestureend : 멀티 터치 종료
Example :
function touch(event){
alert(event.touches.length);
}
document.addEventListener('touchstart', touch, false);
관련링크
- http://mogiya.net/blog/6 1344회 연결
- 이전글구글과 네이버 open api 검색의 비교 11.09.26
- 다음글아이폰, 안드로이드 바탕화면에 바로가기 만들기 12.04.04
댓글목록
등록된 댓글이 없습니다.