DZone
Web Dev Zone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
  • Refcardz
  • Trend Reports
  • Webinars
  • Zones
  • |
    • Agile
    • AI
    • Big Data
    • Cloud
    • Database
    • DevOps
    • Integration
    • IoT
    • Java
    • Microservices
    • Open Source
    • Performance
    • Security
    • Web Dev
DZone > Web Dev Zone > Detecting Touch Hardware in IE 10

Detecting Touch Hardware in IE 10

Steve Lydford user avatar by
Steve Lydford
·
Mar. 31, 12 · Web Dev Zone · Interview
Like (0)
Save
Tweet
8.43K Views

Join the DZone community and get the full member experience.

Join For Free

In order to provide the user with a different experience for web pages viewed on touch-enabled devices many JavaScript techniques are available on the web. One of the most popular of these is the Modernizr.touch method, which you can see here: http://modernizr.github.com/Modernizr/touch.html.

However, as the list on the Modernizr Touch tests page shows, there is no support for Internet Explorer. In order to test for touch in Internet Explorer 10, which will ship with the first batch of Windows 8 tablets later this year, you can call the window.navigator.msMaxTouchPoints method:

if (window.navigator.msMaxTouchPoints) {
// touch device
}
else {
// non-touch device
}

This method will also return the number of touch-points supported. For example:

if (window.navigator.msMaxTouchPoints >= 2) {
// device supports two or more touch points
}
else if (window.navigator.msMaxTouchPoints) {
// device supports one touch points
}
else {
// non-touch device
}

In order to get touch detection to work across a large cross-section of browsers you could obviously combine this technique with Modernizr. Something like this:

var hasTouch = window.navigator.msMaxTouchPoints || Modernizr.touch;
Cross section (geometry) Testing Modernizr Internet (web browser) JavaScript

Published at DZone with permission of Steve Lydford, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • Introduction to JWT (Also JWS, JWE, JWA, JWK)
  • API Security Weekly: Issue 165
  • 5 Best JavaScript Web Development Frameworks
  • How To Evaluate Software Quality Assurance Success: KPIs, SLAs, Release Cycles, and Costs

Comments

Web Dev Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • MVB Program
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com
  • +1 (919) 678-0300

Let's be friends:

DZone.com is powered by 

AnswerHub logo