Develop
2018.04.05 09:57
[js] Click button copy to clipboard
조회 수 1272 댓글 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
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
669 | Develop |
[jsp][php] 간단한 강좌 자료..
![]() |
hooni | 2003.04.23 | 8130 |
668 | Develop |
[jsp][php] LDAP 프로그래밍..
![]() |
hooni | 2003.04.23 | 7409 |
667 | Develop | [jsp] 페이지에 한글이 정상적으로 보이지 않을 때.. | hooni | 2013.04.23 | 8170 |
666 | Develop |
[jsp] 초간단한 include 구문 예제..
![]() |
hooni | 2013.04.23 | 7236 |
665 | Develop |
[jsp] 정적/동적(차트생성) 이미지 전달
![]() |
hooni | 2003.04.23 | 7328 |
664 | Develop |
[jsp] 유효성체크(Client, Server 에서)
![]() |
hooni | 2003.04.23 | 7453 |
663 | Develop |
[jsp] RSS(xml) 파싱해서 보여주기 ㅎㅎ
![]() |
hooni | 2013.04.23 | 13228 |
662 | Develop |
[jsp] HelloServlet 출력문
![]() |
hooni | 2003.04.23 | 7831 |
661 | Develop |
[jsp] Get방식, Post방식 전송 예제..
![]() |
hooni | 2003.04.23 | 13789 |
660 | Develop |
[json] 종결자 (설명과 웹, C/C++/C# 프로그램 샘플 코드)
![]() |
hooni | 2013.04.23 | 72020 |
659 | Develop |
[java] 파일 라인수 계산하는 프로그램 (하위 디렉토리까지..)
![]() |
hooni | 2013.04.23 | 7650 |
658 | Develop | [java] 컴포넌트 배치 ㅡ.,ㅡ; | hooni | 2003.04.23 | 7173 |