Question

我正在尝试使用Cordova 1.7.0为WP7创建一个简单的Phonegap / Cordova应用程序。

VS 2012项目模板在index.html中显示一条简单的欢迎消息。当您触摸屏幕上的文本时，文本将变为选中状态，并显示剪贴板图标。此外，如果您的页面包含图片，则触摸图片会将其突出显示为已选中。

此行为导致UI无法使用，我该如何阻止它？

我尝试的是： a）所有CSS -ms-user-selectable：none等，和 b）元素中的uselectable ='on'属性。

这些都不会妨碍UI元素的可选择性。

（注意WP7是Mango）

有什么想法吗？

THX

Answer 1

我用绝对定位的伪元素解决了它。例如，您有一个文本元素，您要避免选择文本：

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae orci condimentum magna sagittis congue eu at diam. <a href="#">Learn more</a></p>

CSS：

p {
    position:relative;
    z-index: 0;
}

p:before {
    content:''; 
    position:absolute; 
    top:0px; 
    left:0px; 
    right:0px; 
    bottom:0px; 
    z-index:1;
}

p a {
    position:relative; 
    z-index:2;
}

添加了链接的Z-index以便打开点击它的可能性，所以如果你在这个块中有另一个可点击的元素，请小心。对于WP7来说，解决方案很丑陋，但它确实有效。

如何在使用PhoneGap / Cordova时禁用WP7 IE中的选择/剪贴板行为

1 个答案: