使用Javascript检测触摸屏设备

Question

在Javascript / jQuery中，如何检测客户端设备是否有鼠标？当用户将鼠标悬停在某个项目上时，我有一个可以向上滑动一个小信息面板的网站。我正在使用jQuery.hoverIntent来检测悬停，但这显然不适用于iPhone / iPad / Android等触摸屏设备。所以在那些设备上，我想恢复点击以显示信息面板。

Answer 1

var isTouchDevice = 'ontouchstart' in document.documentElement;

注意：仅仅因为设备支持触摸事件并不一定意味着它只是一个触摸屏设备。许多设备（例如我的华硕Zenbook）都支持点击和触摸事件，即使它们没有任何实际的触摸输入机制。在设计触摸支持时，始终包括点击事件支持，并且永远不要假设任何设备只是一个或另一个。

Answer 2

找到测试window.Touch在Android上不起作用，但这样做：

function is_touch_device() {

  return !!('ontouchstart' in window);

}