Как обнаружить сенсорное устройство в 2019 году? - PullRequest
Новая
       27

Как обнаружить сенсорное устройство в 2019 году?

1 голос
/ 27 мая 2019

Для моего приложения мне нужно радикально изменить весь UX для сенсорных устройств, используя экранную клавиатуру (например, мобильный, сенсорный телевизор), по сравнению с устройствами типа мышь / kbd (например, рабочий стол, мобильный телефон с мышью bluetooth / kbd).

NB. Я уже получил адаптивный макет с сеткой CSS и медиа-запросами, так что этот аспект решен. Моя проблема не в макете, а в том, что весь UX должен быть принципиально другим. Лучший вариант, который у меня есть, это прослушивание движения мыши по всему окну просмотра.

Как мне это сделать с помощью современных браузеров?

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

Ответы [ 2 ]

1 голос
/ 27 мая 2019

В JavaScript. 

 if ("ontouchstart" in document.documentElement)
    {
        document.write("your device is a touch screen device.");
    }
    else
    {
         document.write("your device is NOT a touch device");
    }

код ручки

0 голосов
/ 27 мая 2019

Вы можете обнаружить с помощью Javascript использовать простое условие здесь 

if(('ontouchstart' in window) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0)) {
    //this is a touch device you can any action here 
}else {
    //it's not touch device another code here
}

Также, по следующей ссылке здесь https://ctrlq.org/code/19616-detect-touch-screen-javascript

...