Это противоположно обнаружению поддержки сенсорного ввода в браузерах. Как я могу определить, поддерживает ли браузер мышь? Chrome для ПК должен возвращать true, Safari для iPad должен возвращать false.
Я думаю, что мобильные браузеры будут возвращать ложные срабатывания для обычных уловок обнаружения.
В браузерах, использующих Touch Events:
var clickEvent = ('ontouchstart' in window ? 'touchend' : 'click'); в основном говорит: «если устройство поддерживает прикосновение, слушайте только касание, а не щелкайте» - что на устройстве с несколькими входами немедленно отключает любое взаимодействие с помощью мыши, трекпада или клавиатуры.
В этой статье подробно обсуждается ваш вопрос здесь
Еще одна содержательная статья здесь
Но все зависит от того, чего вы хотите достичь.
Теоретически вы должны иметь возможность проверить, есть ли у него сенсорная поддержка, а затем сделать обратное. Я могу ошибаться, но, насколько мне известно, браузеры, которые не поддерживают события касания, будут поддерживать события мыши, и наоборот, поскольку разница между этими двумя браузерами обычно заключается в мобильных и обычных браузерах.
РЕДАКТИРОВАТЬ: Другая возможность может заключаться в использовании onmousemove так же, как вы используете ontouchmove для определения возможности касания. Однако я не уверен, что мобильные браузеры будут регистрировать onmousemove.
Этот метод проверяет, существует ли объект 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>
