Windows phone 8觸控支持

Question

Windows Phone 8是否完全支持默認瀏覽器中的觸摸事件？

它是否可以開箱即用，以便網頁可以檢測到任意觸摸移動事件？

我遇到了一些瀏覽器的問題，這些瀏覽器劫持了touchmove事件以用作他們的界面作為滑動手勢。 Windows Phone 8瀏覽器是否做了類似的事情？

任何人都可以指向任何有關Windows Phone 8觸摸事件的文檔嗎？

編輯：

這里有一個頁面允許有wondows手機8的人測試觸摸功能： http ： //blogs.msdn.com/b/ie/archive/2011/10/19/handling-multi-touch-and-鼠標輸入功能於全browsers.aspx

如果有人可以嘗試一下，讓我知道它是否有效，我將不勝感激。

但是，有幾條評論......

SnarkMaiden 2011年10月20日上午11:17＃只是為了好奇; 我有一台帶筆和觸摸的平板電腦 - 在IE9中，我可以在現場繪制筆，但用手指我只能滾動頁面。 這是預期的行為嗎？ 泰德約翰遜[MSFT] 2011年10月20日上午11:28＃

@SnarkMaiden：不幸的是，是的，這是IE9中的預期行為和IE10中的文檔模式9。 IE9無法覆蓋默認的平移手勢。 IE10的10模式有一個新的CSS屬性，“-ms-content-zoom：none”禁用平移和縮放目標元素。 順便說一下，這個博客在IE10的文檔模式9中運行。 因此，即使是觸控的IE10用戶也會看到這種行為。

所以仍然可能無法在該頁面上工作，即使它可能在設備上。

Answer 1

你應該看看這里： 更新觸摸和指針事件 （官方Windows Phone開發人員博客文章）。

---

編輯：引用鏈接文檔的相關部分

WebKit和Internet Explorer 10以不同方式處理觸摸事件處理。 WebKit支持與鼠標處理分開的觸摸界面; IE10將觸摸，鼠標和手寫筆分組到一個界面（指針）。 指針事件模型也已提交給W3C，以便在指針事件工作組下進行標准化。 盡管它們不同，但模型通常是相似的，因此通常可以在最少的代碼更改的情況下添加對指針事件的支持。

添加指針事件偵聽器

指針API使用標准的“向下，移動，向上”事件模型。 因此，將現有事件處理程序的偵聽器連接到指針事件很簡單。

之前

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

后

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);

關閉默認觸摸行為

Internet Explorer 10中的指針事件模型要求您明確指示頁面的哪些區域將具有自定義手勢處理（使用您剛添加的代碼），以及哪些區域將使用默認手勢處理（平移頁面）。 您可以通過使用-ms-touch-action屬性在應該退出默認手勢處理的元素上添加標記來實現此目的。 例如：

之前

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

后

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

除此之外，Windows Phone 8上的IE10還支持pan-x和pan-y屬性，這些屬性指定瀏覽器應處理水平或垂直手勢，自定義JavaScript處理程序應處理其他所有內容。

Answer 2

看起來這將類似於IE 10 for Windows，但有一些例外......

來自MSDN，“Windows Phone的Web開發” ：

Internet Explorer for Windows Phone OS 8.0中不支持的功能 ：Internet Explorer 10的桌面版本支持以下功能，但Internet Explorer for Windows Phone OS 8.0不支持這些功能。

...

CSS Touch視圖 - 特別是概述，滾動和加速滾動。

與手勢事件相關的旋轉和角度事件。

更新： 您的更新中的鏈接適用於手機的IE 10。 觸摸SVG畫布繪制多點觸控。 （它不會在此區域中滾動頁面，而是在頁面的其余部分滾動）。