0

これを使用してdivのコンテンツを無効にすることができます

<div style='-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
' onselectstart='return false;'>

div 内に 2 つのコンテンツがあります。最初のコンテンツは

<input>

そしてもう一つは

<textarea>

マウスをドラッグすると、両方を選択できません。しかし、右クリックしてすべて選択すると。テキストボックスの内容は選択できますが、入力ボックスは選択できません。

注: テキストエリアに openWYSIWYG エディターを使用しています。また、透明な div を一番上に配置しようとしましたが、同じ結果が得られました。

問題は、選択を完全に無効にするにはどうすればよいかということです。

4

2 に答える 2

0

CSSuser-select属性には標準的な動作はありません。そのため、Safari では、「すべて選択」オプションを使用するか、周囲の要素を選択するだけで、中間のコンテンツが選択されます。

詳細は次のとおりです: " css-tricks.com: User-Select "

この CSS は、ユーザーがページのソースを表示してそこからコンテンツをコピーすることを妨げないことに注意してください。Chris が述べたように、コンテンツを誤って選択しないようにすることが目的です。

于 2012-08-09T08:46:53.230 に答える
0

フォーム要素を無効にする適切な方法はdisabled="disabled"、JavaScript を使用してフラグを設定することです。この方法はうまくいきます。

この属性を要素に追加することはできませんが、選択したテキストの色を CSS コードdivを使用して背景と同じに設定することで、無効な要素の動作をエミュレートできます。div

::selection {
background: #xxxxxx;
}
::-moz-selection {
background: #xxxxxx;
}

はdiv 要素の です#xxxxxx。background-color

于 2012-08-09T08:39:42.583 に答える