JavaScript를 사용하여 특정 텍스트 영역에서 Ctrl V 및 Ctrl C를 방지하는 방법은 무엇입니까?

JavaScript에서 Ctrl V, Ctrl C를 방지하는 방법

복사하여 붙여넣는 것이 사용자에게는 편리할 수 있지만 다음과 같은 상황이 있습니다. 사용자가 민감한 정보를 복사하거나 특정 필드의 데이터를 조작하는 것을 방지하는 등 이러한 동작을 제한해야 합니다. JavaScript는 Ctrl V 및 Ctrl C 키 조합을 감지하고 방지하는 간단한 솔루션을 제공합니다.

이를 달성하려면 다음 단계를 따르세요.

1. Ctrl 키 감지: keydown 이벤트를 사용하여 Ctrl 키를 눌렀을 때 추적하고 해당 상태를 나타내는 플래그(ctrlDown)를 설정합니다.
2. 키 조합 처리: 특정 텍스트 영역에 대한 keydown 이벤트 핸들러 내 붙여넣기를 제한하려면 Ctrl 키를 눌렀는지(ctrlDown) 키 코드가 V(86) 또는 C(67)와 일치하는지 확인하세요. 조합이 감지되면 false를 반환하여 기본 동작을 방지합니다.
3. 제한된 영역 외부 붙여넣기 허용: 제한된 텍스트 영역 외부에 붙여넣기가 활성화되도록 하려면 문서를 이벤트 대상으로 사용하세요. 별도의 keydown 이벤트 처리기를 수행하고 원하는 작업을 수행합니다(이 경우 이벤트 로깅).

다음은 예제 코드 조각입니다.

<code class="javascript">$(document).ready(function() {
    var ctrlDown = false,
        ctrlKey = 17,
        cmdKey = 91,
        vKey = 86,
        cKey = 67;

    $(document).keydown(function(e) {
        if (e.keyCode == ctrlKey || e.keyCode == cmdKey) ctrlDown = true;
    }).keyup(function(e) {
        if (e.keyCode == ctrlKey || e.keyCode == cmdKey) ctrlDown = false;
    });

    $(".no-copy-paste").keydown(function(e) {
        if (ctrlDown &amp;&amp; (e.keyCode == vKey || e.keyCode == cKey)) return false;
    });
    
    // Document Ctrl + C/V 
    $(document).keydown(function(e) {
        if (ctrlDown &amp;&amp; (e.keyCode == cKey)) console.log("Document catch Ctrl+C");
        if (ctrlDown &amp;&amp; (e.keyCode == vKey)) console.log("Document catch Ctrl+V");
    });
});</code>

이 코드를 사용하면 사용자는 Ctrl V를 누르고 있는 동안에는 제한된 텍스트 영역에 내용을 붙여넣을 수 없습니다. 평소와 같이 텍스트를 입력하거나 다른 키보드 단축키를 사용할 수 있습니다.

위 내용은 JavaScript를 사용하여 특정 텍스트 영역에서 Ctrl V 및 Ctrl C를 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!