JavaScript - テキストの選択とコピーの無効化に関する問題
为情所困
为情所困 2017-06-26 10:58:49
0
2
791
スタイルは次のとおりです
リーリー
htmlの構造は次のとおりです
リーリー

一部の項目については、この記事の選択を無効にしました。1 つの項目を個別に選択すると、確かに選択が無効になり、コンテンツをコピーできません。ただし、cmd a を使用してすべてを選択すると、 , ページ上では無効な項目が選択されていないことがわかりますが、この時点でコンテンツをコピーできます。

次に js を使用して制御します:
リーリー

個別に選択する場合はまだ有効ですが、すべてを選択すると失敗することがわかったので、選択可能なノードの中に選択できないノードを点在させ、かつ選択可能なノードのみを選択できるようにする方法はないか、お聞きしたいです。コピー時に選択されたノード。オプションのコンテンツ。

为情所困
为情所困

全員に返信(2)
为情所困

CSS にテキストを挿入するなど、別の方法を試すこともできます。 CSS内のテキストを選択してコピーすることはできません。何気なくテストコードを書きました:

JsFiddle: https://jsfiddle.net/d95cugaL/

JsBin: http://jsbin.com/nowoxuceta/e...

または、さらに一歩進んで、画像上に直接テキストを配置します...

いいねを押す +0
我想大声告诉你

ここにアイデアがあります。つまり、ctrl+c マウスイベントを無効にすることができます。
//Ctrl コピーを無効にする

リーリー

すべてを選択することに問題がある場合は、Ctrl+A を無効にすることもできます

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート