Develop
2018.04.05 09:57
[js] Click button copy to clipboard
조회 수 4403 댓글 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
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
24 | System/OS |
[linux] 초간단 Postfix, Covecot, SSL/TLS (SMTP)
![]() |
hooni | 2017.12.11 | 12355 |
23 | System/OS | [linux] 초간단 SquirrelMail 설치/설정 (다람쥐 메일) | hooni | 2017.12.11 | 6075 |
22 | System/OS | 콘솔에서 패스워드 걸린 zip 압축하는 명령 | hooni | 2018.03.02 | 4268 |
21 | System/OS |
[mac] 맥에서 기본 실행 앱 변경하기
![]() |
hooni | 2018.03.02 | 3902 |
20 | System/OS | How to Setup an Email Server on CentOS 7 | hooni | 2018.04.05 | 5919 |
19 | System/OS |
서버 확장을 위한 두 가지 방법
![]() |
hooni | 2018.08.29 | 4969 |
18 | System/OS |
Mac에서 Node.js 설치하기
![]() |
hooni | 2018.09.28 | 5988 |
17 | System/OS |
[virtualbox] VirtualBox에 Ubuntu 설치하기
![]() |
hooni | 2019.11.22 | 2658 |
16 | System/OS |
SSH Passwordless Login Using SSH Keygen in 5 Easy Steps
![]() |
hooni | 2019.11.22 | 4236 |
15 | System/OS |
RPA란? 어디에 어떻게 쓰이고 누가 만드나?
![]() |
hooni | 2020.01.28 | 3215 |
14 | System/OS |
Configure Postfix to Use Gmail SMTP on Ubuntu 18.04
![]() |
hooni | 2020.02.07 | 12298 |
13 | System/OS | [linux] The Ultimate Wget Download Guide With 15 Awesome Examples | hooni | 2020.05.26 | 3765 |