名前のリストがあり、クリックしてそれぞれの詳細を表示できます。しかし、そのリストの名前を選択してコピーしたくありません。それは単なる保護です。どうすればよいですか?
その上に透明なレイヤーを配置するか、onselectstart イベントを使用できますが、良くありません
名前のリストがあり、クリックしてそれぞれの詳細を表示できます。しかし、そのリストの名前を選択してコピーしたくありません。それは単なる保護です。どうすればよいですか?
その上に透明なレイヤーを配置するか、onselectstart イベントを使用できますが、良くありません
このCSSで
.unselectable {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
そしてこのHTML
<body>
<p class="unselectable">The user is not able to select this text in Firefox, Chrome, Safari and IE.</p>
</body>
段落を選択できません。
テキストをコピーして貼り付けるのに役立たないボタンやものに適しています。
ユーザーは明らかに CSS を無効にしたり、単にソースを表示したりできるため、これはセキュリティとは見なされません。(または wget/curl/raw ソケットを使用してコンテンツを取得します)。
ブラウザのサポートはかなり良好です: http://caniuse.com/user-select-none
IE10 以上 (もちろん IE10 は現在 IE の最も人気のあるバージョンです)、+ 他のすべてのブラウザー。
なんらかの理由で古いバージョンの IE をそのような些細な機能でサポートしている場合はunselectable="on"
、要素を追加できます。
JavaScript を使用してページの右クリックを無効にすることはできますが、ユーザーが Web サイトからコンテンツをコピーするのを防ぐことはできません。
コンテンツをコピーするためのオプションは他にもあります。
何かをインターネットに載せると、コピーされる可能性があります。JavaScriptやその他の測定を使用して、通常のユーザーがコピーできないようにすることができますが、上級ユーザーは任意の方法でコピーします.
情報を保護したい場合は、それをインターネットに公開しないでください。それは簡単なことです。
そうは言っても、テキストを機械で読み取りにくくする 1 つの方法は、テキストを画像に変換することです。ただし、光学式文字認識を使用してテキストを抽出することは可能です。キャプチャのようにテキストを難読化すると、これが難しくなる可能性がありますが、1. それでも不可能ではなく (キャプチャの解読は十分に研究されている分野です)、2. 特に視覚障害者にとって、ユーザー エクスペリエンスが悪化します。