버튼 클릭으로 소스 복사하기

Posted by 공부하는호랑이 雨香
2007.12.19 18:23 웹프로그래밍/자바스크립트

웹페이지에서 특정한 textarea 에 기록되어 있는 내용을 버튼을 클릭하여 방문자의 클립보드에 복사해주는 기능이다.

<script type="text/JavaScript">
function text_copy(){
   var doc = document.body.createTextRange();
   doc.moveToElementText(document.all("pagelink"));
   doc.select();
   doc.execCommand('copy');
   alert('소스가 저장되었습니다. 붙여넣기 하시면 됩니다.');
}
</script>

위처럼 함수(text_copy)를 선언해 준뒤,
복사를 할 textarea의 id를 pagelink 또는 원하는 아이디로 맞춰준다.
그리고 버튼에 onclick 함수를 사용하여 위의 text_copy()를 호출한다.

예)
<textarea name="pagelink" cols="70" rows="1" id="pagelink">이글이 복사됩니다</textarea>
<input name="button" type="button" onclick="text_copy();" value="복사하기">


'웹프로그래밍 > 자바스크립트' 카테고리의 다른 글

일정시간 경과후 스크립트 실행(타이머)  (0) 2008.01.01
윈도우창 위치이동  (0) 2007.12.26
윈도우 크기변경  (0) 2007.12.26
새창열기  (0) 2007.12.26
iframe 자동 사이즈 조절  (0) 2007.12.20
버튼 클릭으로 소스 복사하기  (2) 2007.12.19

이 댓글을 비밀 댓글로
  1. 또 한명의 무슨 말인제 당췌 알수없네 블로거께 초대장을 드리거였군요 저는,ㅋㅋ정말 당췌 알수가 없어요..ㅜ
      • 빗내음
      • 2007.12.19 22:45 신고
      ^^;... 그냥 제가 필요한것 모아놓을려고 만들었습니다.... 초대장 다시한번 감사드립니다~^^