[javascript] url 복사 클립보드-익스,파폭,크롬

 

[url 복사 클립보드] 익스,파폭,크롬 가능 clipboardData.setData 대신 사용하는 소스

1. 이렇게 소스화 한다면, ie9 까지는 무난하게 클립보드로 복사가 가능하다.
하지만 크롬에서는 window.clipboardData.setData 이 소스가 동작하지 않는다.

<script type="text/javascript">

function ClipUrl(){

oViewLink = $( "ViewLink" ).innerHTML;

//alert ( oViewLink.value );

window.clipboardData.setData("Text", oViewLink);

alert ( "주소가 복사되었습니다. \'Ctrl+V\'를 눌러 붙여넣기 해주세요." );

 

}

< /script>

<div class="copy-link"><span id="ViewLink">http://aaaa.com/aaa/12312</span> <img src="../ico-url-copy.png" border="0" alt="주소복사" onclick="ClipUrl()">

2. 그래서 아래와 같은 소스를 사용하여, 크롬이나 파폭에서도 클립보드를 복사할 수 있도록 소스를 수정한다.
크롬에서 클립보드가 동작하는것을 확인 하였다.

<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>