일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
Tags
- 리눅스오류
- java
- vuejs
- 형상관리프리즘
- react
- vscode
- 프리즘커밋
- 프리즘반출
- vue3
- 프리즘반입
- 이미지 절대경로
- merge request
- vue
- jdk
- firestore
- vue개발환경세팅
- vue개발환경
- gitlab merge request
- 청년희망적금
- whitelabel
- GitHub
- javascript
- 깃랩 머지
- 국내형상관리툴
- MySQL
- vue 이미지
- NGINX
- jenkins오류
- frism
- mysql dump
Archives
- Today
- Total
여씨의 개발이야기
[실무] 현재 페이지 링크 복사하는 법 본문
요즘 여러 사이트를 보면 현재 페이지의 링크를 복사하는 버튼이 기본적으로 있는 편이다. 필자도 웹사이트를 만들면서 링크를 복사를 해야하는 상황이 생겨 어떻게 복사를 해야 할 지 고민을 해보게 되었다.
textarea를 임시로 추가해 링크를 복사 및 붙여넣기를 한 뒤에 다시 body에서 삭제하는 방법을 알아내었다. 아래의 소스참고하도록 한다.
const linkCopy = () => {
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이 복사되었습니다.")
}
...
<div className='button yellow' onClick={() => { linkCopy() }}>링크 공유하기</div>
'🐾 Programming Lang > 🛸 Javascript' 카테고리의 다른 글
[입문] await과 async (0) | 2022.03.11 |
---|---|
[입문] Promise에 대해 아라보자 (0) | 2022.03.11 |
[Library] Ajax vs fetch vs axios (1) | 2022.03.04 |
[동기와 비동기] new Promise(resolve => setTimeout(resolve, ms)); 이게 몬데요...?;;; (0) | 2022.02.14 |
[입문] callback함수 정리하기 (0) | 2022.01.28 |
Comments