2014-02-19 1 views
3

터치 지원 장치는 순수 터치와 마우스가있는 장치를 구분해야합니까? (오늘의 랩톱 중 일부와 마찬가지)javascript 데스크탑 터치 및 마우스 지원

응용 프로그램에서 모든 마우스 기능을 우선 순위로 지정하고 응용 프로그램을 실행하는 장치가 터치 지원 만 있으면 기능을 변경할 필요가 있습니다.

터치 장치에도 마우스 포인터가있는 경우 논리는 해당 장치를 일반 데스크톱으로 간주해야하고 터치 지원도 추가 할 수 있지만 스타일 자체는 마우스 이벤트에 응답해야한다고 논리가 제시합니다. 컴퓨터 바탕 화면 해상도 확인 될 수있는 경우 'ontouchend' in document;

한 가지 방법은 감지 :

일반 터치 감지과 같이 얻을 수

window.screen.width >= 1280 // desktop 

을하지만 일부 때문에 너무 좋지 않다 장치는 매우 큰 뷰포트 해상도를 가질 수 있으며 일부 랩톱은 해상도가 낮을 ​​수 있습니다. ...

+0

이 게시물은 관련이 있습니다 : http://stackoverflow.com/q/7838680/104380 – vsync

+0

중복 http://stackoverflow.com/questions/21054126/how-to-detect-if- a-device-has-mouse-support – drzaus

답변

5

일부 연구를 마친 후, t 솔루션은이 코드를 사용하는 것이었다 : 그래서

https://github.com/matthewhudson/device.js

, 작동 방법, 장치 및 방향을 나타내는 본문 요소의 클래스 이름을 제공함으로써, 그리고 그것으로 내가 할 수있는 거의 추측 경우 사용자는 마우스를 가지고있다. (클래스 desktop 적용)

+0

터치 스크린 데스크탑, 랩톱 모니터는 어떨까요? –

+0

그들에 대해 어떨까요? 사용해보고 – vsync

+1

을 보자. 마우스를 감지하고 UI를 향상 시키지만 사용자가 모니터를 사용하여 탐색 중이며 태블릿에서와 같이 작동하도록 할 수있다. –

관련 문제