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
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
673 | Develop |
[jsp][php] 간단한 강좌 자료..
![]() |
hooni | 2003.04.23 | 9512 |
672 | Develop |
[jsp][php] LDAP 프로그래밍..
![]() |
hooni | 2003.04.23 | 8535 |
671 | Develop | [jsp] 페이지에 한글이 정상적으로 보이지 않을 때.. | hooni | 2013.04.23 | 9270 |
670 | Develop |
[jsp] 초간단한 include 구문 예제..
![]() |
hooni | 2013.04.23 | 8225 |
669 | Develop |
[jsp] 정적/동적(차트생성) 이미지 전달
![]() |
hooni | 2003.04.23 | 8685 |
668 | Develop |
[jsp] 유효성체크(Client, Server 에서)
![]() |
hooni | 2003.04.23 | 9093 |
667 | Develop |
[jsp] RSS(xml) 파싱해서 보여주기 ㅎㅎ
![]() |
hooni | 2013.04.23 | 14000 |
666 | Develop |
[jsp] HelloServlet 출력문
![]() |
hooni | 2003.04.23 | 9439 |
665 | Develop |
[jsp] Get방식, Post방식 전송 예제..
![]() |
hooni | 2003.04.23 | 14839 |
664 | Develop |
[json] 종결자 (설명과 웹, C/C++/C# 프로그램 샘플 코드)
![]() |
hooni | 2013.04.23 | 77121 |
663 | Develop |
[java] 파일 라인수 계산하는 프로그램 (하위 디렉토리까지..)
![]() |
hooni | 2013.04.23 | 8594 |
662 | Develop | [java] 컴포넌트 배치 ㅡ.,ㅡ; | hooni | 2003.04.23 | 8839 |