Contents

Develop
2018.04.05 09:57

[js] Click button copy to clipboard

조회 수 1167 댓글 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
번호 분류 제목 글쓴이 날짜 조회 수
681 Develop [c] 더블(이중) 연결리스트 예제.. file hooni 2013.04.23 7470
680 Develop [c] 시어핀스키 가스킷..(p.582, A.2 - 두번째) hooni 2003.04.23 7472
679 Develop [php] 데이터를 엑셀,워드 형태로 변환할 때 헤더(ms-office) hooni 2013.04.23 7488
678 Develop [chm] 비주얼 C++ 팁 모음 문서 file hooni 2013.04.23 7500
677 Develop [php] 웹 응용프로그램(engines) 모음 file hooni 2013.04.23 7515
676 Develop [chm] 윈도우즈에서 디버깅 기법(Debugging Applications) file hooni 2013.04.23 7527
675 System/OS HTTPS와 SSL 인증서 file hooni 2014.03.11 7544
674 Develop [c] IP 스푸핑(ip spoof) 소스 - 정리해야 함 file hooni 2003.04.23 7545
673 Develop [c++] 초간단 스택 두 가지 방식(class, struct) file hooni 2013.04.23 7553
672 Develop [api] 인스타그램 API Access_Token 발급 방법 (Instagram API) 3 file hooni 2018.04.05 7553
671 Develop [c] 정수를 2진수로 변환 (재귀,비트연산) file hooni 2003.04.23 7581
670 Develop [c] 소켓 스트림 서버/클라이언트 (UDP) file hooni 2013.04.23 7600
Board Pagination Prev 1 ... 37 38 39 40 41 42 43 44 45 46 ... 98 Next
/ 98