Develop
2018.04.05 09:57
[js] Click button copy to clipboard
조회 수 1301 댓글 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
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
1041 | Develop | [html] 메타태그 사용예.. 은지나 바라~ | hooni | 2003.04.23 | 7254 |
1040 | Develop |
[c] 가위 바위 보 서버, 클라이언트 소스코드
![]() |
hooni | 2003.04.23 | 8217 |
1039 | Develop | [c] fork() 시스템 콜 사용 방법. | hooni | 2003.04.23 | 27645 |
1038 | Develop | [c] 소켓 프로그래밍 요약.. | hooni | 2003.04.23 | 6995 |
1037 | Develop | [c] 소켓주소 구조체에 대해.. | hooni | 2003.04.23 | 6762 |
1036 | Develop | [c] 소켓의 세가지 동작모드 | hooni | 2003.04.23 | 6943 |
1035 | Develop |
[c] 컴파일러 DFA구현^^ 입력 받아 실행
4 ![]() |
hooni | 2003.04.23 | 8142 |
1034 | Develop | [c] OpenGL 시어핀스키 가스킷(p.73 - 첫시간) | hooni | 2003.04.23 | 8789 |
1033 | Develop | [c] 시어핀스키 가스킷..(p.582, A.2 - 두번째) | hooni | 2003.04.23 | 7533 |
1032 | Develop | [c] 약수/최대공약수/완전수 알고리즘 | hooni | 2003.04.23 | 8898 |
1031 | Develop |
[c] 프로그래밍의 전반적인 설명 ppt
![]() |
hooni | 2003.04.23 | 7705 |
1030 | Develop |
[jsp] HelloServlet 출력문
![]() |
hooni | 2003.04.23 | 7850 |