Detecting touch screen devices with Javascript

by 
var isTouchDevice="ontouchstart" in document.documentElement;

Note: Just because a device supports touch events doesn’t necessarily mean that it is exclusively a touch screen device. Many devices (such as my Asus Zenbook) support both click and touch events, even when they doen’t have any actual touch input mechanisms. When designing for touch support, always include click event support and never assume any device is exclusively one or the other.

More Related Contents:

  1. Detect a finger swipe through JavaScript on the iPhone and Android
  2. $(document).click() not working correctly on iPhone. jquery [duplicate]
  3. Mobile Safari: Javascript focus() method on inputfield only works with click?
  4. Capture keys typed on android virtual keyboard using javascript
  5. How to detect a long touch pressure with javascript for android and iphone?
  6. JavaScript keypress event not raised on Android browser
  7. iScroll 4 not working with form element iPhone Safari and Android browser
  8. How to check browser for touchstart support using JS/jQuery?
  9. Invoke native date picker from web-app on iOS/Android
  10. prevent mobile default keyboard when focusing an from showing
  11. Preventing default context menu on longpress / longclick in mobile Safari (iPad / iPhone)
  12. Detect Android phone via Javascript / jQuery
  13. Disable zoom on input focus in Android webpage
  14. iphone/ipad triggering unexpected resize events
  15. Can I prevent phone from sleep on a webpage
  16. Force hide address bar in Chrome on Android
  17. What happens to JavaScript code after app is compiled using Titanium Mobile
  18. How to focus an input field on Android browser through javascript or jquery
  19. How to bind both Mousedown and Touchstart, but not respond to both? Android, JQuery
  20. How to dectect objects' overlaping situations in javascirpt? [closed]
  21. Cross-browser window resize event – JavaScript / jQuery
  22. Check if event exists on element [duplicate]
  23. jquery: unload or beforeunload?
  24. Open infoWindows from an external link outside of the google map
  25. Sorting of jqGrid (v4.1.2) treegrid not working with Ajacency Model
  26. How do I make an area unclickable with CSS?
  27. Javascript – Leading zero to a number converting the number to some different number. not getting why this happening?
  28. Remove URL parameters without refreshing page
  29. Html duplicated ID
  30. .js.erb VS .js

Leave a Comment