Contents

Develop
2018.04.05 09:57

[js] Click button copy to clipboard

조회 수 4403 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

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




?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
73 System/OS [linux] 프로그램 설치방법 (내공쌓기) hooni 2003.04.23 14241
72 System/OS [linux] 간단한 vi편집기 사용 명령 hooni 2003.04.23 14385
71 System/OS [linux] 기본 명령어 (내공쌓기) hooni 2003.04.23 15286
70 System/OS [linux] 리눅스 활용 팁^^ hooni 2003.04.23 15544
69 System/OS [linux] vi 편집기 간단한 명령과 환경설정 hooni 2003.04.23 12163
68 Develop [unix] 쉘 스크립트 예제 모음 hooni 2003.04.23 17979
67 Develop [linux] 쉘 스크립트를 이용한 BBS hooni 2003.04.23 11443
66 Develop [c] pcap을 이용한 패킷 분석 ㅎㅎ hooni 2003.04.23 11574
65 Develop [js] 스크롤을 포함한 마우스 위치 찾는 코드 hooni 2003.04.23 9728
64 Develop [js] 쿠키(cookie)에 대한 설명과 예제.. hooni 2003.04.23 9841
63 Develop [php] URL/URI 관련 환경변수 hooni 2003.04.23 10427
62 Develop [js] 자바스크립트로 응용프로그램 실행 ㅎㅎ hooni 2003.04.23 11682
Board Pagination Prev 1 ... 88 89 90 91 92 93 94 95 96 97 ... 99 Next
/ 99