JavaScript では、oncopy イベントを使用してコピーを禁止できます。このイベントは、ユーザーが要素のコンテンツをコピーするとトリガーされます。「CTRL C」が押されるか、コピーが選択されたときにトリガーされます。ブラウザの編集メニューイベント、構文は「object.oncopy=function(){...}」です。
このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
ユーザーが要素のコンテンツをコピーすると、oncopy イベントがトリガーされます。
ヒント: oncopy イベントは、ユーザーが要素をコピーするとき (たとえば、 要素をコピーするとき) にもトリガーされます。
ヒント: oncopy イベントは通常、type="text" の 要素に使用されます。
ヒント: 要素とコンテンツをコピーするには 3 つの方法があります。
ブラウザで CTRL C
を押します。 [コピー] を選択します。 [編集] メニューから
#マウス ボタンを右クリックし、コンテキスト メニューから [コピー] コマンドを選択します。
構文
HTML の場合:
<element oncopy="myScript">
JavaScript の場合:
object.oncopy=function(){myScript};
JavaScript では、addEventListener を使用します。 () メソッド:
object.addEventListener("copy", myScript);
例は次のとおりです:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <input type="text" oncopy="myFunction()" value="尝试拷贝文本"> <p id="demo"></p> <script> function myFunction() { document.getElementById("demo").innerHTML = "你拷贝了文本!" } </script> </body> </html>
出力結果:
[関連する推奨事項: javascriptビデオチュートリアル、ウェブフロントエンド]
以上がJavaScriptでコピーを禁止する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。