5

我正在构建一个移动 Web 应用程序，但我在使用 Windows Phone 7 时遇到了我在 Android 或 iOS 上没有的问题。该应用程序在 Mobile IE 中运行良好，但由于我使用的是 JQuery（相对）新的 .on() 方法，因此我得到了奇怪的点击突出显示效果，这使得使用该应用程序有点烦人。

示例：我有一个消息列表，例如 twitter 或电子邮件客户端（Android/iOS 样式）中的消息列表，我的 JS 代码如下所示：

$('#conversation_list').on('click', '.conversation', function () {
    // show all the messages in a conversation
});

最终发生的是整个顶级选择器（在本例中为#conversation_list）被突出显示（并且通常会在一两秒钟内保持突出显示）。我认为这可能会使一些用户感到困惑，因为即使您可能正在点击您想要的元素，也不会有这种感觉。

有什么办法可以避免这种情况，或者只是关闭 WinPhone IE 中的点击突出显示？我在 iOS 和 Android 浏览器中成功使用了 -webkit-tap-highlight-color ，但它似乎在这里不起作用。

4

5 回答 5

16

对于 WP8，他们增加了支持：

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

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

于 2012-11-15T17:01:23.390 回答
1

请参阅此相关问题：

Windows Phone 7 浏览器 - 单击链接时关闭灰色阴影

没有内置支持删除此突出显示。但是，已经提出了一些解决方法。

于 2012-10-01T05:12:56.223 回答
0

我认为你在这里不走运。WP7 不支持 tap-highlight-color。您可能可以使用 IE10 压力支持，但不能使用 WP7

于 2012-10-01T02:30:36.387 回答
0

您可以使用 CSS 在特定元素上禁用 IE 10 中的点击突出显示

-ms-touch-action：无；

于 2013-05-15T09:26:58.547 回答
0

正如 Lepi 所说，使用：

-ms-touch-action: none;

在 CSS 文件的按钮部分 &

$(".button").click( onTouchstart );

在你的 JS 文件中触发你的 onTouchstart() 函数

于 2015-02-12T13:29:19.980 回答