자바스크립트로 텍스트박스안의 글자를 클립보드로 복사하는 방법을 알아보겠습니다.
다음의 예제를 보시죠.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> 클립보드 복사 </title>
<script type="text/javascript" language="javascript">
<!--
function selectall(param){
param.select();
var clip=param.createTextRange();
clip.execCommand('copy');
alert('클립보드에 복사되었습니다');
}
//-->
</script>
</head>
<body>
<textarea cols="18" rows="7" wrap="hard" id="words">
이 내용이 복사됩니다.
http://www.przzang.com
</textarea>
<input type=button onclick="selectall(words);" value="복사"></input>
</body>
</html>
위의 소스는 IE에서는 실행되지만 크롬이나 파이어폭스에서는 실행되지 않습니다.
다른 예제를 보겠습니다.
이렇게 프롬프트 창을 별도로 띄워서 복사할 수 있도록 처리됐네요.
<div class="code">
<code>
<script type="text/javascript"><!--
function copy_trackback(trb) {
var IE=(document.all)?true:false;
if (IE) {
if(confirm("이 글의 트랙백 주소를 클립보드에 복사하시겠습니까?"))
window.clipboardData.setData("Text", trb);
} else {
temp = prompt("이 글의 트랙백 주소입니다. Ctrl+C를 눌러 클립보드로 복사하세요", trb);
}
}
//--></script>
</code>
</div>
<div class="entry fix" style="padding: 0 5px; border: solid 1px #CCCCCC">
<center>이 글의 트랙백 주소 복사하기 :
<code>
<a href="http://aaaa.com/aaa/12312" onclick="copy_trackback(this.href); return false;">aaaaaaaaa
</a>
</code>
</center>
</div>
'WEB_TECH > 웹개발TIP' 카테고리의 다른 글
| 블로그에서 태그로 키워드 숨겨놓는 방법 (0) | 2016.11.16 |
|---|---|
| 웹페이지 전환 - 포워딩과 리다이렉트 구현하는 방법 (0) | 2016.11.16 |
| [SNS연동]google+ 버튼 추가하기 (0) | 2013.11.19 |
| 북마크 추가하는 스크립트 (0) | 2013.08.01 |
| iscroll로 carousel구현 (0) | 2013.07.10 |
| iscroll을 사용하여 모바일웹 내부에 스크롤 만들기 (0) | 2013.07.10 |
| 웹페이지에 네이버지도 표시하는 방법 (0) | 2013.06.24 |
| [SNS연동] 내 웹페이지에 facebook 좋아요 버튼 달기 (0) | 2013.05.30 |
| [SNS연동] 웹페이지에 tweet버튼 달기 (0) | 2013.05.30 |
| [SNS연동] 웹에서 카카오톡 링크 사용하는 방법 (0) | 2013.05.30 |
