Internet Explorer 10 for developersThis topic of the Internet Explorer 10 Guide for Developers explains the differences between Internet Explorer 10 running on Windows 7 and Internet Explorer 10 running on Windows 8. All differences involve touch and pen input APIs.
IE 10 offers support for developers to create rich visual effects with CSS Text Shadow, CSS 3D Transforms and CSS3 Gradient. It enables more sophisticated and responsive page layouts with CSS3. Its IndexedDB and HTML5 Application Cache are among the features that enable the creation of better offline applications through local storage.
The browser also supports new technologies such as CSS3 Positioned Floats, HTML5 Drag-Drop, File Reader API and HTML5 Forms, all used for building nteractive Web applications.
This topic contains the following sections:
- UA string changes
- DOM events
- CSS properties
- DOM properties
- Simulating hover on touch-enabled devices
- Related topics
UA string changesWhile Internet Explorer 10 introduces the "Touch" UA string token to identify touch-enabled systems, it's only generated when the user's system is running Windows 8 (or later). For instance, the following UA string will be transmitted on a touch-enabled system running Windows 8:
Internet Explorer 10 on Windows 7 will never report a UA string with the "Touch" token. This is the user-agent string for Internet Explorer 10 running on Windows 7:
DOM eventsInternet Explorer 10 on Windows 7 handles touch and pen input as simulated mouse input for the following Document Object Model (DOM) events:
Internet Explorer 10 on Windows 7 will not fire any of the following DOM events:
Manipulation state event:
CSS propertiesInternet Explorer 10 on Windows 7 doesn't support these Cascading Style Sheets (CSS) properties:
Scroll snap points properties:
DOM propertiesIn Internet Explorer 10 on Windows 7, the following DOM touch-related APIs behave differently:
- The msMaxTouchPoints property always returns a value of "0" in Internet Explorer 10 on Windows 7, regardless of the device's capabilities.
- The MSGesture object is undefined.
Simulating hover on touch-enabled devicesIn Internet Explorer 10 on Windows 8, you can use the aria-haspopup DOM property to simulate mouse hover functionality in touch-based scenarios. You can read more about this behavior in Using aria-haspopup to simulate hover on touch-enabled devices.
This use for aria-haspopup is not supported in Windows 7. Adding "aria-haspopup="true"" to an element doesn't simulate mouse hover in Internet Explorer 10 on Windows 7. However, the aria-haspopup property is still supported for reporting accessibility information to assistive technologies.