티스토리 자바스크립트 (1)
  1. 2012.03.05[JavaScript] 클릭 한번으로 고유주소(URL) 복사되게 하는 방법
[JavaScript] 클릭 한번으로 고유주소(URL) 복사되게 하는 방법

클릭시 고유주소(URL)를 복사하는 기능

자동 복사 기능은 JavaScript를 활용하여 구현해볼 수 있습니다.

(아래와 같이 복사 버튼을 클릭했을 때 클립보드에 클립보드에 복사할 수 있게 하는 기능입니다.)

Google 크롬에서는 작동되지 않습니다.

클릭시 자동 복사 구현 JavaScript

JavaScript 코드 안내
  • • 아래의 링크를 클릭하면 기능을 시험해보실 수 있습니다.

고유주소(URL) 복사 기능 적용 화면
  • • 스킨 페이지(Skin.html)내의 <header> 와 <header> 사이에 아래의 코드를 삽입하시기 바랍니다.

<header>
<script language="JavaScript">
// http://viewit.kr
function copyUrl(){
if(window.clipboardData.setData('Text', location.href)){
alert('선택하신 게시물의 고유주소(URL)가 클립보드에 복사되었습니다.\n\Ctrl + V 또는 붙여 넣기를 선택하여 이용하시기 바랍니다.');
}
}
//-->
</script>
</header>

JavaScript 코드 문서 다운로드

 Comment,    Trackback