How to detect if a device has mouse support?

by

There’s a CSS media just for that!

You can check whether some device has a mouse by getting the value of the pointer CSS media feature:

if (matchMedia('(pointer:fine)').matches) {
  // Device has a mouse
}

Because it’s CSS you don’t even need to use JavaScript:

@media (pointer: fine) {
  /* Rules for devices with mouse here */
}

More Related Contents:

  1. What is the purpose of backbone.js?
  2. jQuery parent of a parent
  3. Twitter-style autocomplete in textarea
  4. Targeting $(this) within nested for each loops in jQuery
  5. How to extract number from a string in javascript
  6. Set React Input Field Value from JavaScript or JQuery
  7. Scroll to a specific position on a page using Javascript / Jquery [duplicate]
  8. pipe() and then() documentation vs reality in jQuery 1.8
  9. JavaScript: how to serialize a DOM element as a string to be used later?
  10. How to create a “show more” button and specify how many lines of text can be initially shown
  11. How to get text between two characters?
  12. Wait for background images in CSS to be fully loaded [duplicate]
  13. Bootstrap and jQueryUI Conflict
  14. Is the callback on jQuery’s getScript() unreliable or am I doing something wrong?
  15. jQuery on the fly URL shortener
  16. Include SVG files with HTML, and still be able to apply styles to them?
  17. A way to scroll an underlying div when mouse is on top of a fixed div?
  18. Making Firebug break inside dynamically loaded javascript
  19. Uncaught TypeError: Cannot read property ‘call’ of undefined
  20. Multiple url in same ajax call?is this possible?
  21. Match all URLs in string and return in array in JavaScript
  22. Ajax POST not sending data when calling ‘request.POST’ in Django view
  23. Get List of jQuery UI themes – from an URL (same-origin-policy)
  24. google visualization-Click event
  25. How to put all elements’ content in array using jQuery ?
  26. Failed to execute ‘atob’ on ‘Window’
  27. Regular Expression to MATCH ALL words in a query, in any order
  28. Post JavaScript array with AJAX to asp.net MVC controller
  29. “Force Reflow” in CSS transitions in Bootstrap
  30. JQuery getJSON – ajax parseerror

Leave a Comment