Develop
2018.04.05 09:57
[js] Click button copy to clipboard
조회 수 1181 댓글 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
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
417 | Develop | [php] 현재에서 일정한 날짜 더하기.. | hooni | 2013.04.23 | 7114 |
416 | Develop | [c++] 인라인 함수에 대한 설명 | hooni | 2013.04.23 | 7110 |
415 | Develop | [pdf] 포인터 문법 정리 (C pointer) | hooni | 2013.04.23 | 7108 |
414 | Develop | [c] 테트리스3D (Tetris 3D) | hooni | 2013.04.23 | 7107 |
413 | Develop | [c] 베이지언(Bayesian) 패턴인식 과제 ㅋㅋ | hooni | 2013.04.23 | 7101 |
412 | Develop | [asp] 기본 문법과 제어문 | hooni | 2013.04.23 | 7081 |
411 | Develop | [c] 단기과정[01/14] 피보나치, 파스칼.. 파일입출력 | hooni | 2003.04.23 | 7081 |
410 | Develop | [js] 2차 잉여.. (Quadratic reciprocity) 계산.. | hooni | 2013.04.23 | 7077 |
409 | Develop | [php] 초간단 웹 카운터.. | hooni | 2003.04.23 | 7063 |
408 | Develop | [c] 구조체/파일 입출력 프로그램 | hooni | 2003.04.23 | 7063 |
407 | Develop | [js] 툴팁.. 좋은거.. (tooltip) | hooni | 2013.04.23 | 7059 |
406 | Develop | [c++] mfc 기반 멀티수납(wall)시스템 소스와 실행파일 | hooni | 2013.04.23 | 7056 |