要素を展開/折りたたむことができる Web アプリを構築しています。
クリック可能な項目の 1 つを以下に示します。
要素をクリックしたときのテキスト選択が煩わしいことに注意してください。これを処理するための推奨されるアプローチは何ですか?
要素を展開/折りたたむことができる Web アプリを構築しています。
クリック可能な項目の 1 つを以下に示します。
要素をクリックしたときのテキスト選択が煩わしいことに注意してください。これを処理するための推奨されるアプローチは何ですか?
FirefoxおよびChrome/Safariの場合、ユーザー選択プロパティを使用できます。まだ実験的なものだと思うので、次のようなベンダープレフィックスを使用する必要があります。
#element-id{-moz-user-select: none; -webkit-user-select: none;}
OperaとIEについてはわかりません(Operaでは-o-user-selectを使用しても機能するかもしれませんが、よくわかりません)
編集:私もこの質問に興味があったので、少し見回しました。どうやら、OperaとIEにはunselectable
プロパティがあります。それについての詳細
CSS の方法で選択を無効にするには:
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
または、選択できない要素属性を使用できます
<div unselectable="on">...</div>