Windows 8 touch phone support

Does Windows Phone 8 support touch events in the default browser?

Does this work out of the box so that arbitrary touchmove events can be detected on the web page?

I had problems with some browsers that capture touchmove events to use their interface as a gesture swipe. Does the Windows Phone 8 browser have something like that?

Can someone point to any documentation on events with the touch screen of Windows 8?

EDIT:

Here is a page that will allow someone with wondows phone 8 to check the touch capabilities: http://blogs.msdn.com/b/ie/archive/2011/10/19/handling-multi-touch-and-mouse-input -in-all-browsers.aspx

I would really appreciate if anyone could try and let me know if this works or not.

However, there are a few comments ...

SnarkMaiden Oct 20, 2011 11:17 AM # Just for curiosity; I have a tablet PC with a pen and a touch - in IE9, with a pen I can draw in the box, but with my finger I can only scroll the page. Expected Behavior? Ted Johnson [MSFT] Oct 20, 2011 11:28 am #

@SnarkMaiden: Unfortunately, yes, the expected behavior in IE9 and document mode 9 in IE10. IE9 does not have the ability to override the default breadcrumb gesture. IE10 10 mode has a new CSS property, "-ms-content-zoomoming: none", which disables panning and zooming of the target element. BTW, this blog is in document mode 9 in IE10. So even IE10 touchscreen users also see this behavior.

Thus, the form of this page may still not work, even if it is possible on the device.

+8
javascript browser javascript-events dom-events touch windows-phone-8
Nov 15 '12 at 11:08
source share
2 answers

You should look here: Updating touch events and pointers (an official post on the Windows Phone Developer Blog).




EDIT: indicate the relevant parts of the linked document

WebKit and Internet Explorer 10 handle touch event handling differently. WebKit supports a touch interface separate from mouse processing; IE10 groups relate mouse and stylus into one interface (pointer). A pointer event model was also introduced at the W3C for standardization in a working group of pointer operators. Although they differ from each other, the models are usually similar, so support for pointer events can usually be added with minimal code changes.

Adding Pointer Event Listeners

The API pointer uses the standard down, move, up event model. Therefore, it is easy to connect listeners for existing event handlers to pointer events.

Before

this.element.addEventListener("touchstart", eventHandlerName, false); this.element.addEventListener("touchmove", eventHandlerName, false); this.element.addEventListener("touchend", eventHandlerName, false); 

After

 if (window.navigator.msPointerEnabled) { this.element.addEventListener("MSPointerDown", eventHandlerName, false); this.element.addEventListener("MSPointerMove", eventHandlerName, false); this.element.addEventListener("MSPointerUp", eventHandlerName, false); } this.element.addEventListener("touchstart", eventHandlerName, false); this.element.addEventListener("touchmove", eventHandlerName, false); this.element.addEventListener("touchend", eventHandlerName, false); 

Disabling default touch behavior

The pointer event model in Internet Explorer 10 requires that you explicitly indicate which areas of the page will have custom gesture processing (using the code you just added), and which will use the default gesture processing (panning of the page). You can do this by adding markup to elements that should refuse to process gestures by default using the -ms-touch-action property. For example:

Before

 <div id="slider" style="overflow: hidden;"> 

After

 <div id="slider" style="overflow: hidden; -ms-touch-action: none;"> 

In addition, IE10 on Windows Phone 8 also supports pan-x and pan-y properties, which indicate that the browser should handle horizontal or vertical gestures, and custom JavaScript handlers should handle everything else.

+37
Nov 16 '12 at 11:26
source share

It looks like it will be similar to IE 10 for Windows, with a few exceptions ...

From MSDN, "Web Development for Windows Phone" :

Unsupported features in Internet Explorer for Windows Phone OS 8.0 . The following features are supported on the desktop version of Internet Explorer 10, but are not supported on Internet Explorer for Windows Phone OS 8.0.

...

CSS Touch views - especially overview, scrolling, and fast scrolling.

Rotate and angular events related to gesture events.

UPDATE: The link in your update works in IE 10 for the phone. Touch the SVG canvas using multi-touch. (He does not scroll the page in this area, but does the rest of the page).

+2
Nov 15
source share



All Articles