본문 바로가기
Javascript

[Javascript] 크롬 브라우저에서 클립보드에 문자 복사하기

by Dokon Jang 2021. 7. 21.
반응형

크롬 브라우저에서 문자를 클립보드에 복사하는 코드입니다.

 

아래의 함수에 문자열을 넣으면 클립보드에 문자가 복사됩니다.

 

function copyStringToClipboard (string) {
	function handler (event){
		event.clipboardData.setData('text/plain', string);
		event.preventDefault();
		document.removeEventListener('copy', handler, true);
	}

	document.addEventListener('copy', handler, true);
	document.execCommand('copy');
}

 

전체소스
<html>
<head>
<script>
	function copy(){
		var str = document.getElementById('ta').value;
		copyStringToClipboard(str);
	}

	function copyStringToClipboard (string) {
		function handler (event){
			event.clipboardData.setData('text/plain', string);
			event.preventDefault();
			document.removeEventListener('copy', handler, true);
		}

		document.addEventListener('copy', handler, true);
		document.execCommand('copy');
	}
</script>
</head>

<body>
	<p><textarea id="ta" cols="50" rows="10"></textarea></p>
	<p><input type="button" value="클립보드에 복사" onClick="copy();"></p>
</body>
</html>
반응형

댓글