Question

71

How to determine if the client is a touch device

rated 0 times [ 76] [ 5] / answers: 1 / hits: 49581 / 13 Years ago, tue, june 7, 2011, 12:00:00

is there any nice and clean method or trick to find out if the user is on a touch-device or not?

I know there is stuff like
var isiPad = navigator.userAgent.match(/iPad/i) != null;

but I simply wonder if there is a trick to generally determine if the user is on Touch device?
Because there are a lot more touch devices and tablets out there then just iPads.

thank you.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

sonja

Add To Favorites

Follow

Total Points: 541

Total Questions: 113

Total Answers: 114

Location: Anguilla

Member since Sun, Jan 29, 2023

1 Year ago

sonja questions

1 Filtering table data for multiple columns Angular 10

Mon, Nov 30, 20, 00:00, 4 Years ago

1 Auto clear cache from browser

Sun, Oct 11, 20, 00:00, 4 Years ago

1 react-table has a issue with rendering in next.js

Thu, May 21, 20, 00:00, 4 Years ago

1 How to stop purging tailwind components

Sun, Nov 10, 19, 00:00, 5 Years ago

1 JS - String includes a substring that matches regex

Mon, Aug 26, 19, 00:00, 5 Years ago

View All

answered 13 Years ago ansleyk · Accepted Answer

You can use the following JS function:

function isTouchDevice() {

   var el = document.createElement('div');

   el.setAttribute('ongesturestart', 'return;'); // or try "ontouchstart"

   return typeof el.ongesturestart === "function";

}

Source: Detecting touch-based browsing.

Please note the above code only tests if the browser has support for touch, not the device.