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
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
1149 | Etc | 영어의 12 시제 (The twelve tenses of English) | hooni | 2013.07.12 | 15697 |
1148 | Etc | 영어공부에 도움될만한 사이트 모음 | hooni | 2013.05.14 | 22625 |
1147 | Etc | 영어. 외우면 도움되는 필수영어회화 표현 | hooni | 2013.09.09 | 20918 |
1146 | Etc | 영어. 불규칙 동사 정리 | hooni | 2017.10.04 | 3464 |
1145 | Etc | 영어. 반드시 외워야 할 영어 숙어 2 | hooni | 2016.07.07 | 6307 |
1144 | Etc | 영어. 반드시 외워야 할 문장 패턴 100개 | hooni | 2023.06.08 | 859 |
1143 | Etc | 영어. 반드시 외워야 할 단어 | hooni | 2016.07.07 | 1944 |
1142 | Etc | 영어 아주 쉬운 영작문 강의 01~60 | hooni | 2013.06.25 | 0 |
1141 | Etc | 영어 관련 토렌트 | hooni | 2013.06.25 | 0 |
1140 | Etc | 여러 대학 및 권위있는 기관 강좌 모음 ㅋㅋ | hooni | 2013.06.17 | 15114 |
1139 | Etc | 여기저기서 모은 VoIP(인터넷전화) 자료들~ | hooni | 2013.04.23 | 15964 |
1138 | Etc | 엑셀 함수 총 정리 ㅎㅎ | hooni | 2013.06.05 | 24456 |