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;});

によると：PhoneGapBuildを介してAndroid4.xアプリの画像マップ領域からハイライトを削除する

于 2015-05-18T03:26:34.567 に答える