0

クリックすると追加のコンテンツが表示される小さなボタンがあります。すばやくまたは複数回クリックすると、表示されるコンテンツが選択されているようにマークされます。

ここに画像の説明を入力

jquery show エフェクトのアニメーションが終了すると、この選択は消えます。黒い矢印はボタンを指しています。

この選択がある理由とそれを回避する方法はありますか?

4

3 に答える 3

1

すばやくクリックしているときは、おそらくマウスを少し動かしているため、アイテムを選択する必要があります。使ってみて

document.selection.empty();

および (すべてのブラウザーで機能するとは限りません)

window.getSelection().removeAllRanges();

選択を解除します。

ソース: Firefox で選択をクリアする

于 2012-09-19T10:43:44.403 に答える
0

CSS を使用してボタンを選択できないようにすることもできます。これにより、ブラウザーのテキスト選択が無効になります。ボタンのCSSスタイルがどのように見えるか正確にはわかりませんが、次のようなものが機能するはずです:

button {
    ...
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
于 2012-12-28T18:57:13.680 に答える
0

ハイライトの色をコンテナの背景と同じに設定することもできます。それが選択されても、実際には気付かないでしょう..?

于 2012-09-19T10:45:19.233 に答える