HTML
-
clipboard.js를 이용한 Copy 버튼과 Copied! 알림 / HTML, JavaScriptdevelop 2020. 12. 22. 20:53
Copy button & Copied! notification using clipboard.js / HTML, JavaScript 콘텐츠를 만들 때 자주 쓰는 컬러코드(#6FCF97)를 매번 찾아서 입력하기 번거로웠습니다. 편하게 복붙하기위해 티스토리 "스킨 편집 - html 편집"을 활용, Copy 버튼을 구현해봤습니다. 블로그 좌측 상단 메뉴아이콘을 클릭하면 하단에 아래 모양으로 버튼이 있습니다. 버튼을 클릭하면 컬러코드가 클립보드로 복사되며 Copied! 알림을 볼 수 있습니다. clipboard.js clipboard.js 공식 사이트에서 사용방법을 확인할 수 있습니다. clipboard.js는 "클립보드에 복사" 기능을 간편하게 구현할 수 있는 JavaScript package입니다. npm을 ..