본문 바로가기
Javascript

HTML의 특정 Input에 붙여넣기 못하게 처리하는 방법

by Dokon Jang 2022. 9. 22.
반응형

HTML의 특정 Input에 붙여넣기를 할 수 없도록 처리가 필요한 경우가 있습니다.

이럴경우 paste 이벤트를 등록하여 처리 할 수 있습니다.

아래의 소스를 참고하세요.

<html>

<head>
	<script  src="http://code.jquery.com/jquery-latest.min.js"></script>
	<script>
	$(function(){
		document.addEventListener('paste', function (event) {
			
			// id가 name인 경우 붙여넣기 취소
			if($("#name")[0] == document.activeElement){
				// 붙여넣기 취소
				event.preventDefault();
				event.cancelBubble = true;
				return;	
			}
			
		});
	});
	</script>
</head>

<body>
	이름
	<input type="text" id="name"/>
	<p>
	설명
	<input type="text" id="description"/>
</body>
<html>

댓글0