检测鼠标支持

Question

这与检测浏览器中的触摸支持相反。如何检测浏览器是否支持鼠标？桌面版 Chrome 应返回 true，iPad 版 Safari 应返回 false。

我认为移动浏览器对于通常的检测技巧会返回误报。

Answer 1

在使用触摸事件的浏览器中：

var clickEvent = ('ontouchstart' in window ? 'touchend' : 'click');
基本上是说“如果设备支持触摸，则只听触摸端而不是单击”——在多输入设备上，这会立即阻止通过鼠标、触控板或键盘进行的任何交互。

本文此处详细讨论了您的问题

另一篇富有洞察力的文章此处

但是，这完全取决于您想要什么达到。

Answer 2

理论上，您应该能够测试它是否支持触摸，然后进行相反的操作。我可能是错的，但据我所知，不支持触摸事件的浏览器将支持鼠标事件，反之亦然，因为这两者之间的区别通常是移动浏览器与常规浏览器。

编辑：另一种可能性可能是使用 onmousemove ，就像使用 ontouchmove 来检测触摸功能一样。但是，我不确定移动浏览器是否会注册 onmousemove。

Answer 3

此方法在不使用事件的情况下检查 Touch 对象是否存在。如果没有，你就有鼠标了。我认为这是最简单的方法。在具有触摸和鼠标功能的罕见设备上，它将返回 false，因此您必须确定这是否会影响您的设计。

function hasTouch() {
    return (typeof Touch == 'object' );
};

演示： http://jsfiddle.net/ThinkingStiff/ux89v/

脚本：

function hasTouch() {
    return (typeof Touch == 'object' );
};

document.getElementById( 'touch' ).textContent = 'Mouse: ' + !hasTouch();

HTML：

<div id="touch"></div>