透明な背景のテキストエリアがあり、文章これを一種の透かしとして使用したいと思います。テキストは大きく、テキスト領域の大部分を占めています。見た目は良いのですが、問題は、ユーザーがテキスト領域をクリックすると、代わりに透かしのテキストが選択されてしまうことがあることです。
透かしテキストを決して選択できないようにしたいです。Z インデックスが低い場合は選択できないと思っていましたが、ブラウザはアイテムを選択するときに Z インデックス レイヤーを気にしないようです。この DIV を決して選択できないようにするトリックや方法はありますか?
ベストアンサー1
以前、選択を無効にする簡単な jQuery 拡張機能を作成しました。選択を無効にするjQuery. 呼び出すには$('.button').disableSelection();
あるいは、CSS (クロスブラウザ) を使用します。
.button {
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}