Develop
2018.04.05 09:57
[js] Click button copy to clipboard
조회 수 4393 댓글 0
Example no jQuery.
# JAVASCRIPT
function copyToClipboard(elementId) { // Create a "hidden" input var aux = document.createElement("input"); // Assign it the value of the specified element aux.setAttribute("value", document.getElementById(elementId).innerHTML); // Append it to the body document.body.appendChild(aux); // Highlight its content aux.select(); // Copy the highlighted text document.execCommand("copy"); // Remove it from the body document.body.removeChild(aux); }
# HTML
<p id="p1">P1: I am paragraph 1</p> <p id="p2">P2: I am a second paragraph</p> <button onclick="copyToClipboard('p1')">Copy P1</button> <button onclick="copyToClipboard('p2')">Copy P2</button> <br/><br/><input type="text" placeholder="Paste here for test" />
[출처] https://stackoverflow.com/questions/22581345/click-button-copy-to-clipboard-using-jquery
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
1081 | Database | [mysql] MySql DB/테이블 사이즈 확인을 위한 쿼리 | hooni | 2019.11.22 | 2625 |
1080 | System/OS | [mac] How to uninstall MySQL on Mac OS. | hooni | 2017.11.08 | 2632 |
1079 | System/OS |
[virtualbox] VirtualBox에 Ubuntu 설치하기
![]() |
hooni | 2019.11.22 | 2640 |
1078 | PPT |
[ppt] iOS 플라랩#03(2015.04.27) 발표 자료
![]() |
hooni | 2015.04.24 | 2645 |
1077 | System/OS | [mac] Homebrew/rvm/cocoapod setting | hooni | 2017.07.29 | 2647 |
1076 | Database | [oracle] Oracle 사용자 추가 절차 | hooni | 2019.11.22 | 2652 |
1075 | Develop |
[web] 더 빠른 웹을 위한 프로토콜, 'HTTP/2'
![]() |
hooni | 2014.10.20 | 2657 |
1074 | Etc | EBS [수학영역] 미적분과 통계 기본 - 정규분포의 의미와 특징은? | hooni | 2015.04.20 | 2664 |
1073 | System/OS | [linux] iptables 초간단 세팅 스크립트 | hooni | 2017.09.26 | 2695 |
1072 | Develop |
ZBar 라이브러리를 이용한 바코드 스캔 앱 개발하기
![]() |
hooni | 2015.01.01 | 2705 |
1071 | Develop |
[matlab] 정보은닉 스테가노그래피(Steganography) 수업
![]() |
hooni | 2016.10.03 | 2712 |
1070 | Develop | [js] Text 값을 클립보드에 복사하기 | hooni | 2020.10.10 | 2727 |