3

divユーザーが強調表示してコピーして貼り付けるなどのテキストを表示する があります。divそのデザインのタイヤを蹴っているときに、マウスをドラッグしすぎるだけで、それを超えたコンテンツを簡単に選択してしまうことに気付きました。選択が関連するdiv.

考えられる解決策の 1 つは、特定の 以外のすべての場所に (ここでuser-select:none説明されているように) 適用することですが、選択可能なテキストが必要なが他にもあるため、この場合は機能しません。divdiv

おそらくjQueryを使用してdivスタイルを変更し、テキストを選択user-select:noneしている以外のすべてに適用されるdiv可能性がありますが、おそらくCSSだけでも、もっと簡単な方法が必要だと思います。

誰でもこれを行う方法を知っていますか?

編集:以下のJosh Cの答えがうまくいきます。これは、彼のソリューションの JSフィドルフォークです。フォークの最も重要な変更点は、disabled="disabled"への属性の追加ですtextarea。その属性を使用しているときに 内のテキストを選択するtextareaと、テキストにキャレットが表示されず、フォーカスが にあるときにアウトラインが光りませんtextarea。他に注意すべき唯一のことはtextarea、テキストがtextarea.

4

3 に答える 3

1

divこれをクリックして、テキストの内容をクリップボードにコピーできるようにしたいと思うかもしれません。

これは、クリップボードへのコピーに関するstackOverflowです。

最良の説明はここにありました。

于 2013-08-23T04:21:07.330 に答える