Last Updated: February 25, 2016
·
1.448K
· francisc

Check for touch support

#touch
#javascript

You can use this to check if the current User Agent supports touch.
For a more thorough check, look at the Modernizr implementation.

var hasTouch=!!('ontouchstart' in window);
#touch
#javascript

Written by Francisc Romano

Say Thanks
Respond

Related protips

Reset iOS Safari's emulated hover state

11.32K
2

Detect touch events on all major mobile platforms

5.297K
0

Swipe.js - lightweight replacement for iScroll

3.374K
0

2 Responses
Add your response

avenger7x

  1. expression 'ontouchstart' in window will return boolean value and it's not required to create boolean manualy (using !!)

  2. expression window.hasOwnProperty('ontouchstart') is faster :)

over 1 year ago ·
francisc

And window['prop'] even faster, but those two yield false.
The double negation is for clarity that it's a boolean.
Thanks for the comment.

over 1 year ago ·

Have a fresh tip? Share with Coderwall community!

Post
Post a tip
Best #Touch Authors
joeldbirch
11.31K
#touch
#Ruby
#Javascript
ryanricig
10.98K
#touch
#JavaScript
#ux/ui
jbee
6.432K
#touch
#javascript
#CSS
stowball
5.295K
#touch
#Javascript
#Responsive Design
rachelnabors
3.625K
#touch
#CSS
#web design
Related Tags
#touch
#javascript
Sponsored by
#native_company#
#native_desc#
#native_cta#
Filed Under
JavaScript tips that stick
Awesome Job
See All Jobs
Post a job for only $299
Did you know?

JavaScript on a page runs with the privileges of that origin. One altered library, tag manager, or snippet can read inputs, change what people see, and call your APIs as the user.

Security insights from Cside

Thanks to our sponsor
Sponsored by #native_company# — Learn More
#native_title# #native_desc#
#native_cta#