Develop
2018.04.05 09:57
[js] Click button copy to clipboard
조회 수 1171 댓글 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
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
829 | Develop | [ubuntu] 우분투 18.04에 PHP5 설치하기 | hooni | 2020.11.14 | 941 |
828 | Develop | [js] Text 값을 클립보드에 복사하기 | hooni | 2020.10.10 | 677 |
827 | Develop | [sh] 쉘스크립트 if 비교 연산 | hooni | 2020.05.26 | 59355 |
826 | Develop | [sh] html 안에 있는 img 다운 받는 쉘 스크립트 | hooni | 2020.05.26 | 638 |
825 | Develop | [ios] Start developing your navigation app for CarPlay without enrollment | hooni | 2020.02.22 | 124758 |
824 | Develop | [php] 3 Ways to Detect Mobile or Desktop in PHP | hooni | 2020.01.28 | 3722 |
823 | Develop | 자주 쓰는 Docker 명령어 alias | hooni | 2020.01.10 | 269463 |
822 | Develop | [python][django] request.cookie 읽어오기 ㅋㅋㅋ (쓰기) | hooni | 2019.12.06 | 1688 |
821 | Develop | [python] 파라미터 앞에 *, ** 의 의미? (*args, **kwargs) | hooni | 2019.11.22 | 1553 |
820 | Develop | 링크들 보고 지울 내용 | hooni | 2019.11.21 | 0 |
819 | Develop | [Javascript][Ajax] 자바스크립트 강의 산출물 | hooni | 2019.10.05 | 702 |
818 | Develop | [ios] Locale Identifiers | hooni | 2018.11.29 | 1625 |