Обнаружение поддержки мыши

Question

Это противоположность обнаружению поддержки касания в браузерах. Как определить, поддерживает ли браузер поддержку мыши? Chrome для рабочего стола должен возвращать true, Safari для iPad должен возвращать false.

Я думаю, что мобильные браузеры вернут ложные срабатывания для обычных трюков обнаружения.

Answer 1

Теоретически, вы должны быть в состоянии проверить, имеет ли он поддержку касания, а затем принять обратное. Я мог ошибаться, но, насколько я знаю, браузеры, которые не поддерживают события касания, будут поддерживать события мыши, и наоборот, поскольку разница между этими двумя обычно является мобильным или обычным браузерами.

EDIT: Другая возможность может быть использована onmousemove так же, как вы используете ontouchmove для обнаружения сенсорных возможностей. Тем не менее, я не уверен, что мобильные браузеры будут зарегистрировать onmousemove.

Answer 2

Этот метод проверяет, существует ли объект 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> 

Answer 3

В браузерах, которые используют сенсорные события:

var clickEvent = ('ontouchstart' in window ? 'touchend' : 'click'); в основном говорит: «Если устройство поддерживает сенсорный режим, только слушайте touchhend и не нажимайте» - который на устройстве с несколькими входами немедленно отключает любое взаимодействие с помощью мыши, трекпада или клавиатуры.

В данной статье рассматривается ваш вопрос подробно here

Другой проницательной статья here

Но, все это зависит от того, чего вы хотите достичь.