Develop
2018.04.05 09:57
[js] Click button copy to clipboard
조회 수 1285 댓글 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
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
1077 | Develop | [android] 코드에서 문자열로 Resource 가져오기 | hooni | 2015.07.09 | 4060 |
1076 | Develop | [android] 해상도 관련 팁 (dip -> pixel 변환) | hooni | 2013.04.23 | 15364 |
1075 | Develop | [android] 화면 전환(가로/세로)시 설정 | hooni | 2013.04.23 | 43420 |
1074 | PPT |
[android][ios] 알림(Notification) 기능에 대한 원리와 구현 방안 (APNS포함)
![]() |
hooni | 2013.04.23 | 37895 |
1073 | Develop |
[android]개발 가이드 및 한글화 문서
![]() |
hooni | 2013.04.23 | 47559 |
1072 | System/OS |
[apache2] Redirect HTTP to HTTPS
![]() |
hooni | 2022.02.03 | 831 |
1071 | Develop |
[api] 인스타그램 API Access_Token 발급 방법 (Instagram API)
3 ![]() |
hooni | 2018.04.05 | 7711 |
1070 | Develop |
[api] 인스타그램에서 최신 이미지 가져오기 (Using Instagram API)
20 ![]() |
hooni | 2018.04.05 | 12584 |
1069 | Develop |
[asem] CMOS 패스워드 알아내기.. 소스..
![]() |
hooni | 2003.04.23 | 8750 |
1068 | Develop | [asp] 기본 문법과 제어문 | hooni | 2013.04.23 | 7155 |
1067 | Develop | [asp] 문자열 관련 함수 요약 | hooni | 2013.04.23 | 7804 |
1066 | Develop | [asp] 문자열 넘겨받기 (get,post) | hooni | 2013.04.23 | 8743 |