0

您好，我遇到以下问题：

- 我正在使用 ImageMap 使图像的不同部分可点击，效果很好。我正在通过 WebViewClient 拦截链接点击并用它们做其他事情。问题是，我不希望单击的区域被突出显示/选择。以下样式似乎不起作用。我已经在各种 Android 设备（2.2、2.3、4.0 等）上对此进行了测试，每次单击图像区域时矩形都会亮起。有人有什么想法吗？

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <style>
    a{outline:none;}
    a:active{outline:none;}
    a:focus{outline:none;}
    area,area:active,area:focus {outline: none; border:0; }
    *{-webkit-tap-highlight-color:rgba(0,0,0,0);}
    </style>
  </head>
  <body>
    <img usemap="#map1" src="sourceimage" >
    <map name="map1">
     <area href="do1" alt="text1" coords="338,142,209,182"
          shape="rect">
   ...

    </map>
  </body>
</html>
4

2 回答 2

0

我刚刚找到了答案。它与 html 图像映射本身无关。我只是忘了设置 webView.setFocusableInTouchMode(false); 这解决了突出选择的问题。

于 2012-04-30T13:56:35.273 回答
0

这对我有用：

$("map area").on("touchend", function() {
    return false;});

根据：通过PhoneGap Build从Android 4.x应用程序中的图像地图区域中删除高光

于 2015-05-18T03:26:34.567 回答