[javascript]URL 복사 button script

숑이·2021년 10월 25일
0
post-custom-banner

url 복사 하는 버튼 script!

<a href="javascript:;" onclick="clip(); return false;"><span class="ico-sns ico-url"></span>URL 복사</a>
  
<script>
	function clip(){
	var url = '';
  	var textarea = document.createElement('textarea');
  	document.body.appendChild(textarea);
  	url = window.document.location.href;
  	textarea.value = url;
  	textarea.select();
  	document.execCommand('copy');
  	document.body.removeChild(textarea);
   	alert('url복사성공');                
}
</script>
  

execCommand 를 이용한 복사

  • 텍스트 값을 가진 메소드 사용해 엘리먼트를 생성 후 복사
  • 복사 후 해당 엘리먼트를 제거

execCommand 더이상 사용되지 않음..

post-custom-banner

0개의 댓글