Develop
2018.04.05 09:57
[js] Click button copy to clipboard
조회 수 4393 댓글 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
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
505 | Develop |
[c] IP 스푸핑(ip spoof) 소스 - 정리해야 함
![]() |
hooni | 2003.04.23 | 8909 |
504 | Database | [mysql] CPU 점유율이 높을 때 확인할 내용 | hooni | 2015.08.26 | 8899 |
503 | Develop |
[c] 프로세스 정보 출력하기..
![]() |
hooni | 2003.04.23 | 8846 |
502 | Develop | [php] 데이터를 엑셀,워드 형태로 변환할 때 헤더(ms-office) | hooni | 2013.04.23 | 8843 |
501 | Develop | [java] 컴포넌트 배치 ㅡ.,ㅡ; | hooni | 2003.04.23 | 8839 |
500 | Develop |
[c] 정수를 2진수로 변환 (재귀,비트연산)
![]() |
hooni | 2003.04.23 | 8790 |
499 | Develop |
[c] 단기과정[01/08] 과제.. 파스칼 삼각형
![]() |
hooni | 2003.04.23 | 8773 |
498 | Develop |
[c] 농구팀 점수 산출 프로그램 소스
![]() |
hooni | 2003.04.23 | 8768 |
497 | Develop | [js] 이미지 사이즈를 동적으로 조절.. | hooni | 2013.04.23 | 8753 |
496 | Develop |
[c] 프로그램 코드(c/c++)를 html 파일로 변환
![]() |
hooni | 2013.04.23 | 8740 |
495 | System/OS |
HTTPS와 SSL 인증서
![]() |
hooni | 2014.03.11 | 8737 |
494 | Develop | [c] 코드 최적화에 대해.. | hooni | 2013.04.23 | 8710 |