Develop
2018.04.05 09:57
[js] Click button copy to clipboard
조회 수 1300 댓글 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
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
613 | Develop | [c] 구조체의 설명과 예제.. | hooni | 2003.04.23 | 8400 |
612 | Develop |
[c] 그래픽 차트 라이브러리.. 나중에 확인 해볼 거..
![]() |
hooni | 2013.04.23 | 8241 |
611 | Develop |
[c] 그래픽스 자료(OpenGL 라이브러리) 샘플 소스
![]() |
hooni | 2003.04.23 | 10211 |
610 | Develop |
[c] 근의 공식으로 2차방정식 풀기..
![]() |
hooni | 2003.04.23 | 7821 |
609 | Develop |
[c] 기막힌 정렬 코드 ㅋㄷ
![]() |
hooni | 2015.10.13 | 966 |
608 | Develop | [c] 기본 자료형(int)이 표현할 수 없는 큰 수(Big number)를 덧셈하는 코드. 1 | hooni | 2013.04.23 | 13484 |
607 | Develop | [c] 날짜로 요일 찾기.. | hooni | 2003.04.23 | 8557 |
606 | Develop |
[c] 내가 만든 암호화 프로그램.. 좋아^^
![]() |
hooni | 2013.04.23 | 7083 |
605 | Develop |
[c] 네트워크 관련 프로그래밍 (포트스캔 탐지 샘플)
![]() |
hooni | 2013.04.23 | 7215 |
604 | Develop |
[c] 네트워크 보안 프로그래밍 과제 (Server,Agent,Client)
![]() |
hooni | 2013.04.23 | 6492 |
603 | Develop |
[c] 네트워크 정보 알아보기
![]() |
hooni | 2013.04.23 | 16155 |
602 | Develop |
[c] 네트워크 트래릭 모니터링.. 졸업작품..
2 ![]() |
hooni | 2013.04.23 | 11079 |