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
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
291 | Develop | [c] 라인수 입력받아 마름모꼴 출력하기.. | hooni | 2003.04.23 | 8179 |
290 | Develop |
[c] 단어 입력/수정 프로그램 소스
![]() |
hooni | 2003.04.23 | 8178 |
289 | Develop |
[java] 스윙(swing) 인터페이스 이용해서 만든 구구단.. ㅋㅋ
![]() |
hooni | 2003.04.23 | 8177 |
288 | Develop |
[ios] 동영상 플레이어 샘플 (for Remote Url)
![]() |
hooni | 2017.02.07 | 8176 |
287 | Develop |
[c] 구조체/파일 입출력 프로그램
![]() |
hooni | 2003.04.23 | 8172 |
286 | Develop | [js] 자바스크립트 메뉴얼 사이트.. ㅋㅋ | hooni | 2013.04.23 | 8171 |
285 | Develop | [C++] 18일차 과제물, String 클래스 디자인 【 C++ 문제 】 | hooni | 2013.04.23 | 8164 |
284 | Develop |
[c] 테트리스3D (Tetris 3D)
![]() |
hooni | 2013.04.23 | 8154 |
283 | Develop |
[c++] mfc로 만든 부엌 수납 시스템(2D기반 설계)
![]() |
hooni | 2013.04.23 | 8151 |
282 | Develop |
[c] 단기과정[01/14] 피보나치, 파스칼.. 파일입출력
![]() |
hooni | 2003.04.23 | 8149 |
281 | Develop |
[pdf] C 국제 표준 문서
![]() |
hooni | 2013.04.23 | 8146 |
280 | Develop |
[c] 패스워드 암호화/사용자 정보 보기
![]() |
hooni | 2003.04.23 | 8144 |