Develop
2018.04.05 09:57
[js] Click button copy to clipboard
조회 수 1157 댓글 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
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
1161 | Develop | [json] 종결자 (설명과 웹, C/C++/C# 프로그램 샘플 코드) | hooni | 2013.04.23 | 71968 |
1160 | Etc | [link] 유용한 사이트 링크. | hooni | 2013.08.19 | 71433 |
1159 | Develop | [android] keytool을 사용하여 키스토어 생성 | hooni | 2013.04.23 | 69506 |
1158 | Develop | [ios] Random Thoughts: Rand() vs. arc4random() | hooni | 2013.10.31 | 68030 |
1157 | Develop | [iphone] performSelector:withObject:afterDelay: 에 대한 내용 | hooni | 2013.04.23 | 65862 |
1156 | Develop | [Android] 2010년에 만들었던 세미나 자료. | hooni | 2013.05.28 | 64659 |
1155 | Develop | [c#] 간단한 IPC 통신 예제 | hooni | 2013.04.23 | 63722 |
1154 | Develop | [vb] 비주얼 베이직 자격증용 ㅎㅎ | hooni | 2003.04.23 | 61357 |
1153 | Develop | [android] Canvas를 이용해 이미지 확대/축소 하기 | hooni | 2013.04.23 | 60733 |
1152 | Develop | [sh] 쉘스크립트 if 비교 연산 | hooni | 2020.05.26 | 59008 |
1151 | Develop | [vb] 비주얼 베이직 141페이지 | hooni | 2003.04.23 | 58901 |
1150 | Develop | [c#] Json 라이브러리 (System.Net.Json.dll) | hooni | 2013.04.23 | 58528 |