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

WBOY
リリース: 2022-04-11 16:37:31
オリジナル
2078 人が閲覧しました

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

[関連する推奨事項: javascriptビデオチュートリアルウェブフロントエンド]

以上がJavaScriptでコピーを禁止する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!