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"/>