WP7 + HTML5 - 如何防止被選中/突出顯示畫布

Question

我正在嘗試爲Windows Phone 7/7.5編寫一個簡單的HTML 5應用程序。我有一個幾乎與屏幕大小相同的HTML5頁面。當我點擊/點擊屏幕時，畫布被選中。我不想要這種行爲，但我仍然希望能夠點擊/點擊各種控件。有沒有辦法沒有這種行爲？以下是顯示效果的截圖的鏈接。

我試圖刪除內容中的使用CSS這種行爲。到目前爲止沒有任何工作。

body { 
    /* disable selections/cut copy paste actions */ 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 

    /* disable callout, image save panel on long press */ 
    -webkit-touch-callout: none; 

    /* "turn off" link highlight, good for custom pressed states */ 
    -webkit-tap-hightlight-color: transparent; 
} 

非常感謝您的幫助！

Answer 1

馬丁提到，下面的例子中不會出現亮點行爲： http://ie.microsoft.com/testdrive/Mobile/Performance/HamsterDanceRevolution/Default.html

所以我做了一些挖掘，發現上面的例子將事件附加到窗口對象。我把箱子放到該文件的下列三種線路修改 「動能v3.8.4.js」：

（1）
this.container.addEventListener（baseEvent，處理程序，FALSE）;
- >
window.addEventListener（baseEvent，handler，false）;

（2）
this.container.addEventListener（ '鼠標按下'，函數（EVT）
- >
window.addEventListener（ '鼠標按下'，函數（EVT）

（3）
this.container.addEventListener（ '鼠標按下'，函數（EVT）
- >
window.addEventListener（ '鼠標鬆開'，函數（EVT）

修改完成後，畫布仍會作出反應，不需要的突出顯示消失。

問候， 路易斯

Answer 2

這是不可能的這個灰色突出。請參閱此相關的問題：

Windows Phone 7 Browser - Turn off the gray shading when links are clicked

您設置，-webkit-tap-hightlight-color CSS屬性，是WebKit的特定的，所以在Android和iOS會工作。直到WP7有一個相同的，你堅持這一點！

Answer 3

對於WP8他們增加了支持：

<meta name="msapplication-tap-highlight" content="no"/> 

來源： http://sgrebnov.blogspot.de/2012/10/windows-phone-8-for-html5js-developers.html

Answer 4

添加meta標籤在你，你的頭節的HTML文件。

<meta name="msapplication-tap-highlight" content="no" /> 

它應該工作。

問候，Pravesh

Answer 5

添加在頭一個meta標籤實際上修復了這個問題

請添加此

<meta name="msapplication-tap-highlight" content="no"/>