본문 바로가기

Programming

Textarea 나 기타 Text 를 클립보드(Clipboard) 에 복사 시키는 자바스크립트(Javascript)

반응형

그냥 단순하게 한줄로  표현 하면 아래와 같이 구현 하면 클립보드 로 복사 가 된다.

<a href="#" onclick="javascript:window.clipboardData.setData('Text', '클립보드로 복사할 글'); ">Copy</a>

자바스크립트 로 특정 문자를 복사 하고 , 복사된 내용을 보이게.

1. 클립보드로 텍스트를 복사

window.clipboardData.setData("Text", "클립보드로 복사할 글");

2.클립보드로 부터 복사된 내용을 가져올때

var txt = window.clipboardData.getData('Text');

3.발췌한 글뒤에 꼬리표 붙일때. 

var txt = window.clipboardData.getData('Text');
txt = txt + '\r\n(출처 : 나의 티스토리 블로그 )\r\n';
window.clipboardData.setData('Text', txt);

4. 이미지 파일에 링크 를 걸어서 클릭 했을때 역시 클립보드 로 특정 텍스트 를 복사 시키는것도 마찬가지.

<script type="text/javascript">
<!--
function clipboard(id)
{
 var myvar = document.getElementById(id);
 if(myvar.value==''){ document.body.focus(); return; }
 myvar.select();
 var clip=myvar.createTextRange()
 clip.execCommand('copy');
 alert('클립보드에 복사되었습니다');
}
//-->
</script>
<FORM METHOD=POST ACTION="">
<INPUT TYPE="text" id="clip" NAME="original" value='여기에 있는글이 복사 된다'>
<a href="#" onclick="clipboard('clip'); return false;"><img src="이미지주소"></a>
</FORM>

반응형