JavaScript를 사용하여 텍스트 영역에서 복사 및 붙여넣기를 비활성화하는 방법은 무엇입니까?

JavaScript를 사용하여 복사 및 붙여넣기를 비활성화하는 고급 방법

웹 개발에서 최종 사용자가 텍스트 영역에 콘텐츠를 붙여넣는 것을 방지하는 것이 필요할 수 있습니다. 데이터 무결성 또는 사용자 경험. 이를 달성하기 위해 사용자 정의 JavaScript 코드가 솔루션을 제공할 수 있습니다.

구현:

1. 키다운 이벤트를 감지하고 Ctrl 또는 Cmd 키를 눌렀습니다.
2. keydown 이벤트 핸들러 내에서 사용자가 VCtrl 또는 Cmd를 눌렀는지 확인하세요. 🎜>(붙여넣기) 또는 C(복사).
감지된 키 조합이
3. Ctrl/Cmd V 또는 Ctrl/Cmd C와 일치하는 경우 , false를 반환하여 붙여넣기 또는 복사 작업을 방지합니다.

예제 코드:

<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>

사용법:

이 코드를 사용하려면 복사 및 붙여넣기를 비활성화하려는 텍스트 영역에

"no-copy-paste" CSS 클래스를 적용하세요. 이 클래스가 없는 텍스트 영역에서는 복사 및 붙여넣기가 정상적으로 작동합니다.

참고: 이 솔루션은 사용자가 다음과 같은 표준 키보드 단축키를 사용할 수 없도록 하기 때문에 모든 애플리케이션에 적합하지 않을 수 있습니다. 찾기/검색은 Ctrl 또는 Cmd F를 누르세요. 이 조치를 구현하기 전에 유용성과 보안 간의 균형을 고려하는 것이 중요합니다.

위 내용은 JavaScript를 사용하여 텍스트 영역에서 복사 및 붙여넣기를 비활성화하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!