EventListener для сенсорных устройств

Question

Я пытаюсь выяснить, если агент пользователя является сенсорным устройством, и если я хочу, чтобы загрузить addEventListener ...

if((navigator.userAgent.match(/iPhone/i)) || 
    (navigator.userAgent.match(/iPad/i)) { 
    document.addEventListener("touchstart", function() {},false); 
}) 

Кроме того, как я могу обнаружить Android устройства и, возможно, другие сенсорные устройства?

Answer 1

Простой скрипта я некоторое время назад, чтобы проверить на сенсорное событие:

var hasTouch = (function(){ 
    if (document && document.createEvent) { 
    try { 
     document.createEvent('GestureEvent'); 
     document.createEvent('TouchEvent'); 
     return true; 
    } catch (e) { 
     return false; 
    } 
    } 
})(); 

Я не использовал его в течение некоторого времени, так что может быть более эффективными способами, но выше по-прежнему работает.

Вы также можете попробовать статью Kangax на Detecting event support without browser sniffing, что может пойти что-то вроде:

function isTouchEventSupported(eventName) { 
    var el = document.createElement('div'); 
    eventName = 'on' + eventName; 
    var isSupported = (eventName in el); 

    if (!isSupported) { 
     el.setAttribute(eventName, 'return;'); 
     isSupported = typeof el[eventName] == 'function'; 
    } 
    el = null; 
    return isSupported; 
    } 

    alert(isTouchEventSupported('touchstart')); // false in IE 8 

Answer 2

http://modernizr.github.com/Modernizr/touch.html

Это как библиотека возможности браузера Modernizr это делает. Почему бы не использовать их?