> 웹 프론트엔드 > JS 튜토리얼 > JavaScript를 사용하여 텍스트 영역에서 복사 및 붙여넣기를 비활성화하는 방법은 무엇입니까?

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

Patricia Arquette
풀어 주다: 2024-11-02 22:11:02
원래의
889명이 탐색했습니다.

How to Disable Copying and Pasting in Textareas with JavaScript?

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

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

구현:

  1. 키다운 이벤트를 감지하고 Ctrl 또는 Cmd 키를 눌렀습니다.
  2. keydown 이벤트 핸들러 내에서 사용자가 VCtrl 또는 Cmd를 눌렀는지 확인하세요. 🎜>(붙여넣기) 또는 C(복사).
  3. 감지된 키 조합이
  4. 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿