5

モバイル Web アプリケーションを作成していますが、Windows Phone 7 で問題が発生していますが、これは Android または iOS では発生しません。アプリは Mobile IE でかなりうまく動作しますが、JQuery の (比較的) 新しい .on() メソッドを使用しているため、アプリの使用を煩わしくする奇妙なタップ ハイライト効果が発生します。

例: Twitter や電子メール クライアント (Android/iOS スタイル) のようなメッセージのリストがあり、JS コードは次のようになります。

$('#conversation_list').on('click', '.conversation', function () {
    // show all the messages in a conversation
});

最終的に、最上位のセレクター全体(この場合は#conversation_list ) が強調表示されます (通常、強調表示されたままの状態が 1 ～ 2 秒間不快になります)。一部のユーザーを混乱させる可能性があると思います。タップしたい要素をタップしているという感覚がないからです。

これを回避する方法、または WinPhone IE でタップの強調表示をオフにする方法はありますか? iOS および Android ブラウザーで -webkit-tap-highlight-color を正常に使用していますが、ここでは機能していないようです。

4

5 に答える 5

16

WP8 の場合、サポートが追加されました。

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

ソース: http://sgrebnov.blogspot.de/2012/10/windows-phone-8-for-html5js-developers.html

于 2012-11-15T17:01:23.390 に答える
1

この関連する質問を参照してください。

Windows Phone 7 ブラウザー - リンクがクリックされたときの灰色のシェーディングをオフにする

この強調表示を削除するための組み込みサポートはありません。ただし、いくつかの回避策が提案されています。

于 2012-10-01T05:12:56.223 に答える
0

ここでは運が悪いと思います。tap-highlight-colorはWP7ではサポートされていません。IE10の圧力サポートは使用できる可能性がありますが、WP7は使用できません

于 2012-10-01T02:30:36.387 に答える
0

Lepiの使用で述べたように：

-ms-touch-action: none;

CSSファイルのボタンセクションに &

$(".button").click( onTouchstart );

JS ファイルで onTouchstart() 関数を起動する

于 2015-02-12T13:29:19.980 に答える
0

CSSを使用して特定の要素でIE 10のタップハイライトを無効にすることができます

-ms タッチ アクション: なし;

于 2013-05-15T09:26:58.547 に答える