0

私は Phone Gap Project に取り組んでいます。HTML、JAVA SCRIPT、および CSS を使用しています。

プロジェクトに onclick 、mapping 、および ahref 機能を実装しました。この機能を onclick または mapping または ahref に使用している間、画像またはテキストを選択すると強調表示されます。

強調表示したくないので、次のコードを実装してみました

noSelect 
{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
   user-select: none;
}

しかし、このコードはSELECTING VIEWに違いはありませんでした。

だから、これを処理して私の問題を解決する方法を提案してください。

編集：

これは、マッピングとイメージで使用した方法ですが、機能していません。

マッピング

<div id="main" class="main" ><img src="img/abc.png" alt="abc" usemap="#abc" class="noSelectInputBox:focus"/></div>

画像ソース

document.getElementById("detail").innerHTML = '<img src="img/image1.png" onclick="detail()" class="noSelectInputBox:focus"/> '
4

2 に答える 2

1

次の css を自分のものに追加してみてください。

noSelectInputBox:focus
{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline:none;
    -webkit-focus-ring-color:rgba(0 0 0 0);
}

それが役立つことを願っています。

于 2013-05-29T05:38:07.620 に答える
0

css ファイルに次のコードを記述します。これを使用している間、タッチ時のコンテンツの強調表示を無効にすることができます。

*{
    /* Prevent any object from being highlighted upon touch event*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
于 2013-08-30T04:23:54.980 に答える