Develop
2018.04.05 09:57
[js] Click button copy to clipboard
조회 수 1167 댓글 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
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
1137 | Develop | OGNL(Object Graph Navigation Language) | hooni | 2013.04.23 | 15727 |
1136 | Develop | OpenGL 강좌 사이트 모음 | hooni | 2013.04.23 | 9637 |
1135 | System/OS | OpenSSL로 ROOT CA 생성 및 SSL 인증서 발급하기 | hooni | 2017.10.28 | 1455 |
1134 | Develop | OPT와 CAS에 대한 자료.. (교수님 메일로 보내드린 자료..) | hooni | 2013.04.23 | 13917 |
1133 | System/OS | OSI (Open Systems Interconnection) 개방형 시스템간 상호 접속 | hooni | 2013.04.23 | 10785 |
1132 | System/OS | php.ini 설정 안됐을때.. ㅋㅋ | hooni | 2013.04.23 | 11639 |
1131 | Algorithm | Polynomial time 이란? ㅋㅋ | hooni | 2013.04.23 | 22679 |
1130 | System/OS | RPA란? 어디에 어떻게 쓰이고 누가 만드나? | hooni | 2020.01.28 | 1353 |
1129 | Etc | RSVP 란? | hooni | 2017.11.22 | 981 |
1128 | Database | SQL JOIN 정리 (Inner Join & Outer Join) | hooni | 2019.11.22 | 1832 |
1127 | System/OS | SSH Passwordless Login Using SSH Keygen in 5 Easy Steps | hooni | 2019.11.22 | 1386 |
1126 | Develop | SVN 명령어 (SVN command) | hooni | 2014.02.28 | 12137 |