티스토리 뷰
html 현재 링크 복사하는 버튼 만들기
<!-- copy link -->
<input type="text" id="text" value="https://www.naver.com" style="display: none;"/>
<input type="button" onclick="urlCopy()" value="현재 URL 복사"/>
<script>
function urlCopy() {
var url = document.getElementById('text');
url.style.display='block'; // 숨겨둔 input 태그 block처리
url.select(); // 복사할 text 블럭
document.execCommand('copy'); // 드레그된 text 클립보드에 복사
url.style.display='none'; // 다시 숨기기
alert('url이 복사 되었습니다.')
}
</script>
*출처
https://seill.tistory.com/1037
'WebPublisher > JavaScript & jQuery' 카테고리의 다른 글
[jQuery] mobile touch scroll noti event (0) | 2023.11.09 |
---|---|
[javaScript] 카카오톡으로 링크 공유하기 (0) | 2023.11.07 |
[jQuery] 숫자 count (0) | 2023.11.04 |
[fullpage.js] fullpage.js 2.9.7 (0) | 2023.11.04 |
[jQuery] 하나의 요소에 여러 이벤트 바인딩 (0) | 2023.11.02 |
공지사항