JavaScriptでコピーを禁止する方法-フロントエンドQ&A-php.cn

JavaScriptでコピーを禁止する方法

WBOY

リリース： 2022-04-11 16:37:31

オリジナル

2080 人が閲覧しました

JavaScript では、oncopy イベントを使用してコピーを禁止できます。このイベントは、ユーザーが要素のコンテンツをコピーするとトリガーされます。「CTRL C」が押されるか、コピーが選択されたときにトリガーされます。ブラウザの編集メニューイベント、構文は「object.oncopy=function(){...}」です。

JavaScriptでコピーを禁止する方法

このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript でコピーを禁止する方法

ユーザーが要素のコンテンツをコピーすると、oncopy イベントがトリガーされます。

ヒント: oncopy イベントは、ユーザーが要素をコピーするとき (たとえば、 JavaScriptでコピーを禁止する方法要素をコピーするとき) にもトリガーされます。

ヒント: 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でコピーを禁止する方法