ホームページ > 記事 > ウェブフロントエンド > JavaScriptでコピーを禁止する方法
JavaScriptでコピーを禁止する方法
- WBOYオリジナル
- 2022-04-11 16:37:312020ブラウズ
JavaScript では、oncopy イベントを使用してコピーを禁止できます。このイベントは、ユーザーが要素のコンテンツをコピーするとトリガーされます。「CTRL C」が押されるか、コピーが選択されたときにトリガーされます。ブラウザの編集メニューイベント、構文は「object.oncopy=function(){...}」です。
このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript でコピーを禁止する方法
ユーザーが要素のコンテンツをコピーすると、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 サイトの他の関連記事を参照してください。