Develop
2018.04.05 09:57
[js] Click button copy to clipboard
Views 1290 Comment 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
No. | Category | Subject | Author | Date | Views |
---|---|---|---|---|---|
141 | Develop | [c] 시어핀스키 가스킷..(p.582, A.2 - 두번째) | hooni | 2003.04.23 | 7528 |
140 | Develop | [c] OpenGL 시어핀스키 가스킷(p.73 - 첫시간) | hooni | 2003.04.23 | 8781 |
139 | Develop | [c] 컴파일러 DFA구현^^ 입력 받아 실행 4 | hooni | 2003.04.23 | 8138 |
138 | Develop | [c] 소켓의 세가지 동작모드 | hooni | 2003.04.23 | 6938 |
137 | Develop | [c] 소켓주소 구조체에 대해.. | hooni | 2003.04.23 | 6759 |
136 | Develop | [c] 소켓 프로그래밍 요약.. | hooni | 2003.04.23 | 6992 |
135 | Develop | [c] fork() 시스템 콜 사용 방법. | hooni | 2003.04.23 | 27641 |
134 | Develop | [c] 가위 바위 보 서버, 클라이언트 소스코드 | hooni | 2003.04.23 | 8214 |
133 | Develop | [html] 메타태그 사용예.. 은지나 바라~ | hooni | 2003.04.23 | 7250 |
132 | Develop | [java] 컴포넌트 배치 ㅡ.,ㅡ; | hooni | 2003.04.23 | 7176 |
131 | Develop | [c] 이진트리(binary tree) 샘플소스 (삽입, 삭제, 운행) | hooni | 2003.04.23 | 7835 |
130 | Develop | [c] 정사각배열의 서브 배열의 최대 값 구하기 | hooni | 2003.04.23 | 7041 |