> 웹 프론트엔드 > 프런트엔드 Q&A > 자바스크립트에서 붙여넣기를 비활성화하는 방법

자바스크립트에서 붙여넣기를 비활성화하는 방법

青灯夜游
풀어 주다: 2022-01-26 14:52:28
원래의
3479명이 탐색했습니다.

JavaScript에서 붙여넣기를 비활성화하는 방법: 1. onpaste 이벤트를 요소에 바인딩하고 이벤트 처리 기능을 설정합니다. 2. 이벤트 처리 함수에서 "return false;" 문을 설정합니다. 트리거되면 false가 반환됩니다.

자바스크립트에서 붙여넣기를 비활성화하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript에서는 onpaste 이벤트를 사용하여 붙여넣기를 비활성화할 수 있습니다. onpaste 이벤트는 사용자가 요소에 텍스트를 붙여넣을 때 트리거됩니다.

참고: 사용된 HTML 요소는 모두 onpaste 이벤트를 지원하지만, contenteditable이 "true"로 설정되지 않은 경우

요소와 같은 모든 요소가 실제로 지원되는 것은 아닙니다(아래의 추가 예 참조).

팁: onpaste 이벤트는 일반적으로 type="text"의 요소에 사용됩니다.

팁: 요소에 콘텐츠를 붙여넣는 세 가지 방법이 있습니다.

CTRL + V를 누르세요.

브라우저의 편집 메뉴에서 "붙여넣기"를 선택하세요.

컨텍스트 메뉴에서 마우스 버튼을 마우스 오른쪽 버튼으로 클릭하세요. 붙여넣기" 명령을 실행합니다.

Syntax

HTML:

<element onpaste="myScript">
로그인 후 복사

JavaScript:

object.onpaste = function(){
   //操作
   myScript;  
}
JavaScript中,使用addEventListener()方法:
object.addEventListener('paste',myScript);2
//Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。
로그인 후 복사

구현 원칙:

이벤트 복사 및 붙여넣기를 실행하고 이벤트에서 false를 반환합니다.

JavaScript 코드:

var bodyMain = document.getElementById('bodyMain' );
                  //禁止复制
                  bodyMain.oncopy = function(){
                       return false;
                }      
                 //禁止粘贴      
                  bodyMain.onpaste = function(){   
                       return false; 
}
로그인 후 복사

[관련 권장 사항: javascript 학습 튜토리얼]

위 내용은 자바스크립트에서 붙여넣기를 비활성화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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