Develop
2018.04.05 09:57
[js] Click button copy to clipboard
조회 수 1285 댓글 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
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
141 | Develop | [c] 시어핀스키 가스킷..(p.582, A.2 - 두번째) | hooni | 2003.04.23 | 7526 |
140 | Develop | [c] OpenGL 시어핀스키 가스킷(p.73 - 첫시간) | hooni | 2003.04.23 | 8777 |
139 | Develop |
[c] 컴파일러 DFA구현^^ 입력 받아 실행
4 ![]() |
hooni | 2003.04.23 | 8136 |
138 | Develop | [c] 소켓의 세가지 동작모드 | hooni | 2003.04.23 | 6937 |
137 | Develop | [c] 소켓주소 구조체에 대해.. | hooni | 2003.04.23 | 6758 |
136 | Develop | [c] 소켓 프로그래밍 요약.. | hooni | 2003.04.23 | 6992 |
135 | Develop | [c] fork() 시스템 콜 사용 방법. | hooni | 2003.04.23 | 27638 |
134 | Develop |
[c] 가위 바위 보 서버, 클라이언트 소스코드
![]() |
hooni | 2003.04.23 | 8212 |
133 | Develop | [html] 메타태그 사용예.. 은지나 바라~ | hooni | 2003.04.23 | 7248 |
132 | Develop | [java] 컴포넌트 배치 ㅡ.,ㅡ; | hooni | 2003.04.23 | 7176 |
131 | Develop |
[c] 이진트리(binary tree) 샘플소스 (삽입, 삭제, 운행)
![]() |
hooni | 2003.04.23 | 7834 |
130 | Develop |
[c] 정사각배열의 서브 배열의 최대 값 구하기
![]() |
hooni | 2003.04.23 | 7040 |