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

【问题标题】：Windows Phone 7 Browser - Turn off the gray shading when links are clickedWindows Phone 7 浏览器 - 单击链接时关闭灰色阴影
【发布时间】：2011-09-16 16:57:29
【问题描述】：

在 Windows Phone 7 浏览器中，当用户单击链接时，该链接会被灰色矩形遮蔽约 0.5 秒。这通常很好，但是，如果您有动态页面行为，例如，单击链接会更新 DOM 以使链接不再可见，则在链接本身消失后，不透明的灰色矩形会在屏幕上徘徊。

这看起来很可怕！

有谁知道如何禁用此效果？

【问题讨论】：

不知道如何禁用此功能，但您可以在 Javascript 中设置一个计时器并在 0.5 秒后更新 DOM :)（我假设您正在尝试调整自己的网站）
否 - 我正在查看是否可以构建复杂的 HTML / JS 应用程序。所以，不，这不是一个选择。无论如何谢谢！
无论如何，我的意思是一个玩笑，而不是一个严肃的建议 :) 顺便说一句，我喜欢你的 Metro in Motion 系列帖子。
我猜你可以在隐藏链接可见性后从链接中移除焦点？
尚无解决方案 :-( 我在 WP7 开发者博客上问过同样的问题：windowsteamblog.com/windows_phone/b/wpdev/archive/2011/09/22/…

标签： internet-explorer windows-phone-7 browser

【解决方案1】：

解决方案是制作 2 个 DIV。主 div 没有宽度/高度，这个 DIV 正在触发事件，并且里面的 DIV 有大小。

我和我的朋友在 phonegap 项目中做了一个工作示例。查看链接：https://github.com/sellupp/cordova-for-windows-phone-7-antidepressant 您正在寻找： 1. 点击灰色区域

我们也在处理响应时间短的问题。看看吧;)

【讨论】：

【解决方案2】：

在 html 文件的 head 部分中添加元标记。

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

它应该可以工作。

【讨论】：

【解决方案3】：

这个作品尝试使用jquery

$(id|classname|document).live('click',function(){
   //write code that needs to executed in this area
});

我在我的项目中使用了它。它可以很好地隐藏灰色阴影，避免在 html 页面中使用内联函数......使用 jquery 这个函数只有在分配了内部内容时才有效.. 例如

<div id="d1"><div id="d2"></div></div>

你可以这样的内部 div

$('#d2").live('click',function(){changecolor();changebackground();});

享受编码........jquery

【讨论】：

一般来说效果很好，但在弹出框上“实时”会导致在弹出框后面调用点击事件。停止传播的机制不能与 JQuery“live”命令一起使用。查看api.jquery.com/event.stopPropagation的附加说明

【解决方案4】：

以下解决方案似乎有效（至少在模拟器上）。灰色阴影需要点击元素的尺寸。如果元素的宽度为零，则没有阴影，单击子元素时仍会触发元素的单击处理程序。

<div id="myLink" style="float:left">
   <img src="images/myLinkIcon.png" style="position:absolute" />
   <span style="position:absolute;left:50px">Click here</span>
</div>

<script>
    // jQuery
    $(function () {
        $("#myLink").click(function () {
            console.log("clicked on myLink");
        });
    });
</script>

div 可以浮动或绝对定位。子元素必须绝对定位，否则 div 将获得宽度。

【讨论】：