취급 터치 기반 이벤트 내 터치 이벤트에 대한

Question

나는 현재이 있습니다

if('ontouchstart' in document.body) { 
    usevkeys = true; 
    canvas.addEventListener("touchstart",function(e) {evt.call(this,e);},false); 
    canvas.addEventListener("touchend",function(e) {evt.call(this,e);},false); 
    canvas.addEventListener("touchmove",function(e) {evt.call(this,e);},false); 
} 
else { 
    canvas.addEventListener("mousemove",function(e) {evt.call(this,e);},false); 
    canvas.addEventListener("click",function(e) {evt.call(this,e);},false); 
} 

이 내 노트북에 잘 작동하고, 내 전화. 그러나 나는 이것이 터치 스크린과 일반 마우스를 모두 가지고있는 환경에서 어떻게 반응 할까? 마우스가 mousemove 이벤트를 트리거하는 것처럼 터치 이벤트를 트리거합니까?

제대로 작동하려면 어떻게해야합니까?

Answer 1

touchstart은 touchend이 실행되는 즉시 (-> 취소되지 않은 경우) click 이벤트를 트리거합니다. 그래서 else 절을 ​​제거해야합니다.

마이크로 소프트는 IE10에서 터치 이벤트와 다른 방식으로 모든 포인터 장치를 Pointer and gesture events으로 조화시켜 마우스, 펜 또는 손가락으로 발사되었는지 확인할 수 있습니다. 미래.