Обработка сенсорных событий

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

a touchstart инициирует событие click, как только touchend уволен (-> если он не был отменен). Поэтому вы должны просто удалить предложение else, и все должно быть хорошо!

Microsoft пошла по-другому со своими событиями касания в IE10, чтобы согласовать все указательные устройства в Pointer and gesture events, где вы можете проверить, была ли она уволена мышью, ручкой или пальцем - или, возможно, устройством типа kinect в будущее.