如果您使用Modernizr，使用Modernizr是非常容易的。如前所述，触摸。

但是，我更喜欢使用Modernizr的组合。触摸和用户代理测试，只是为了安全。

var deviceAgent = navigator.userAgent.toLowerCase();

var isTouchDevice = Modernizr.touch || 
(deviceAgent.match(/(iphone|ipod|ipad)/) ||
deviceAgent.match(/(android)/)  || 
deviceAgent.match(/(iemobile)/) || 
deviceAgent.match(/iphone/i) || 
deviceAgent.match(/ipad/i) || 
deviceAgent.match(/ipod/i) || 
deviceAgent.match(/blackberry/i) || 
deviceAgent.match(/bada/i));

if (isTouchDevice) {
        //Do something touchy
    } else {
        //Can't touch this
    }

如果不使用Modernizr，可以简单地替换Modernizr。在document.documentElement中使用('ontouchstart')

还要注意，测试用户代理iemobile将为您提供比Windows Phone更广泛的检测到的微软移动设备。

也可以看到这个SO问题

关于如何在Javascript中检测页面是否显示在触摸屏设备上，我也遇到了很多困难。 在我看来，到目前为止，还没有真正的选项可以正确地检测这个选项。 浏览器要么报告桌面机器上的触摸事件(因为操作系统可能已经准备好触摸了)，要么某些解决方案不能在所有移动设备上工作。

最后，我意识到我从一开始就采取了错误的方法: 如果我的页面在触摸和非触摸设备上看起来相似，我可能根本不需要担心检测属性: 我的方案是禁用触摸设备上的按钮上的工具提示，因为它们会导致双击，而我希望通过一次点击来激活按钮。

我的解决方案是重构视图，这样按钮上就不需要工具提示了，最后我也不需要用Javascript的方法来检测触摸设备了，因为这些方法都有自己的缺点。

到目前为止，这似乎对我来说很有效:

//Checks if a touch screen
is_touch_screen = 'ontouchstart' in document.documentElement;

if (is_touch_screen) {
  // Do something if a touch screen
}
else {
  // Not a touch screen (i.e. desktop)
}

我使用:

if(jQuery.support.touch){
    alert('Touch enabled');
}

jQuery mobile 1.0.1

我喜欢这个:

function isTouchDevice(){
    return window.ontouchstart !== undefined;
}

alert(isTouchDevice());

你可以安装modernizer并使用一个简单的触摸事件。这是非常有效的，工作在每一个设备上，我已经测试了它包括窗户表面!

我已经创建了一个jsFiddle

function isTouchDevice(){
    if(Modernizr.hasEvent('touchstart') || navigator.userAgent.search(/Touch/i) != -1){
         alert("is touch");
            return true;
         }else{
            alert("is not touch");
            return false;
    }
}