복사를 방지하기 위한 10가지 자바스크립트 코드 ❌ 웹사이트에 있는 텍스트를 복사하지 마세요.

복사 방지 코드

JavaScript 코드: 웹사이트에 있는 텍스트를 복사하지 마세요. 마우스 오른쪽 버튼을 클릭하지 마세요. 텍스트를 가리지 마세요. 사용자가 귀하의 웹사이트에서 콘텐츠를 복사하거나 붙여 넣는 것을 방지하려면 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에 복사 방지 코드를 삽입하는 방법

• 테마 메뉴로 이동합니다. Blogger
• 드롭다운 버튼 HTML 편집을 클릭하세요
• 안에 코드를 입력하세요

메모

하지만code이를 통해 귀하의 웹사이트에서 콘텐츠가 복사될 가능성을 줄이는 데 도움이 됩니다. 하지만 사용자는 개발자 도구나 브라우저 확장 프로그램을 사용해 여전히 데이터에 접근할 수 있으므로 100% 안전하지는 않습니다. 따라서 콘텐츠를 보호하려면 이미지에 워터마크를 추가하는 등의 추가 조치를 고려해야 합니다. 또는 중요한 콘텐츠에 대한 액세스를 제한하기 위해 멤버십 시스템을 사용합니다.

이러한 코드가 여러분의 웹사이트에서 텍스트 복사를 방지하는 데 유용하길 바랍니다! 🚀