コピーを防止するための 10 個の JavaScript コード ❌ ウェブサイト上のテキストをコピーしないでください。

コピー防止コード

JavaScript コード: ウェブサイト上のテキストをコピーしないでください。右クリックしないでください。テキストを隠さないでください。ユーザーが Web サイトのコンテンツをコピーまたは貼り付けるのを防ぐには、JavaScript を使用してテキスト選択を防止し、コピー コマンドを無効にすることができます。次のコードを使用できます。

1. ドラッグを禁止し、単一のコード内で Ctrl + A、C を禁止します。

<script>
function disableselect(e) {
    return false;
}
function reEnable() {
    return true;
}

document.onselectstart = new Function ("return false");
if (window.sidebar) {
    document.onmousedown = disableselect;
    document.onclick = reEnable;
}

document.addEventListener("keydown", function (event) {
    if (event.ctrlKey && (event.key === "a" || event.key === "c")) {
        event.preventDefault();
        alert("Sorry! This command cannot be used.");
    }
});
</script>

2. テキストをドラッグして隠さないでください。

<script>
document.addEventListener("selectstart", function (event) {
    let target = event.target;

    // Disable text selection for other sections
    event.preventDefault();
});

</script>

3. テキストをカバーせず、一部のクラスを除外します。

<script>
document.addEventListener("selectstart", function (event) {
    let target = event.target;

    // Check if the target class starts with "wp-block-code".
    while (target) {
        if (target.classList && [...target.classList].some(cls => cls.startsWith("wp-block-code"))) {
            return; // Allow text selection
        }
        target = target.parentElement;
    }

    // Disable text selection for other sections
    event.preventDefault();
});

</script>

4. ウェブページ上のコピー防止コード

<script>
document.addEventListener('copy', function (e) {
    e.preventDefault();
    alert('Sorry! The content cannot be copied.');
});
</script>

5. 通知付きで右クリックを無効にする

<script>
var message = "Do not click right..!!";
document.addEventListener("contextmenu", function (e) {
    e.preventDefault();
    alert(message);
});
</script>

6. 通知メッセージを表示せずに右クリックを無効にします。

<script>
document.addEventListener("contextmenu", function (e) {
    e.preventDefault();
});
</script>

7. CSS を使用してテキストのコピーを防止します。

/* Prevent text selection with CSS */
body {
    user-select: none;
}

8. テキストのドラッグアンドドロップを禁止する（ドラッグアンドドロップを無効にする）

このコードは、コンテンツまたは画像を他の場所にドラッグまたはドロップすることを防ぎます。

<script>
document.addEventListener("dragstart", function (e) {
    e.preventDefault();
});
document.addEventListener("drop", function (e) {
    e.preventDefault();
});
</script>

9. 要素の検査とソースの表示を無効にします。

無効にする Ctrl + U (ソースの表示)、Ctrl + Shift + I (開発者ツール)、F12 (DevTools)

<script>
document.addEventListener("keydown", function (e) {
    if (e.ctrlKey && (e.key === "u" || e.key === "s" || e.key === "i" || e.key === "j")) {
        e.preventDefault();
        alert("Sorry! This command cannot be used.");
    }
    if (e.key === "F12") {
        e.preventDefault();
        alert("Developer tools are disabled");
    }
});
</script>

10. ブラウザでの自動テキスト選択を無効にします。

css Copy Edit/* Disable text selection and data dragging */
body, p, span, div {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

使用方法 ヘッダーセクションに移動 - ヘッダー内にコードを挿入します。

---

WordPressにコピー防止コードを追加する方法

• WordPress 管理領域に移動し、「外観/テーマ ファイル エディター」メニューに移動します。
• 右側で、テーマ（現在使用しているもの）を選択します
• テーマヘッダー（header.php）を見つける
• コードを

Blogger にコピー防止コードを挿入する方法

• テーマメニューに移動します。 ブロガー
• ドロップダウンボタン「HTMLの編集」をクリックします
• 中のコードを入力してください

注記

それでもコードこれにより、Web サイトのコンテンツがコピーされる可能性が低くなります。ただし、ユーザーは開発者ツールやブラウザ拡張機能を使用してデータにアクセスできるため、100% 安全というわけではありません。したがって、コンテンツを保護したい場合は、画像に透かしを追加するなどの追加対策を検討する必要があります。あるいは会員制を利用して重要なコンテンツへのアクセスを制限する

これらのコードが、Web サイト上のテキストのコピーを防止するのに役立つことを願っています。 🚀