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

Question

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

这看起来很糟糕!

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

Answer 1

在你的html文件的head部分添加一个元标记.

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

它应该工作.

Answer 2

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

<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 会获取宽度。