목록FrontEnd/html,cs,js (1)
Devlog
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/tewK2/btrLvEi3Bsg/MdfxdGpk2IZUxeQvt3Pfh0/img.png)
가끔 가다 보면 웹 사이트에서 복사 붙여넣기 버튼을 볼 수 있습니다. 그냥 드래그 하고 Ctrl+C 만 하면 끝나는게 복사인데 굳이 친절하게 복붙 버튼이 떡하니 있습니다. 저는 가끔씩 이런걸 보면서 인간의 게으름의 끝판왕이 아마 이 복붙버튼이 아닐까 하는 생각이 들기도 합니다. 여튼 웹 상에서 복붙 버튼을 만드는 방법은 간단합니다. 태그와 Javascript 코드만 있으면 됩니다. button의 onclick에 해당하는 이벤트 함수를 const copyEvent = () => { // Url 복사 이벤트 navigator.clipboard.writeText("복사하고 싶은 문자열"); } // in html 복붙 이렇게 구현해 주기만 하면 됩니다. 참 간단합니다. 하지만 이게 작동이 안되는 경우가 있습니..
FrontEnd/html,cs,js
2022. 9. 5. 21:31