Contents

Develop
2018.04.05 09:57

[js] Click button copy to clipboard

조회 수 1279 댓글 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
번호 분류 제목 글쓴이 날짜 조회 수
1077 Develop [android] 간단한 SQLIite 예제 hooni 2017.06.14 1450
1076 Develop 캘리포니아 운전면허 족보 file hooni 2017.06.12 863
1075 Develop 사이버보안실무 발표자료 (2017.06.08) file hooni 2017.06.05 1326
1074 System/OS [windows] 윈도우즈 콘솔에서 정품인증 하는 방법 hooni 2017.05.24 5546
1073 Develop 리팩토링 계획안 file hooni 2017.05.15 851
1072 Develop [ios] 코코아 프로그래밍의 네이밍 룰(명명 규칙) hooni 2017.05.11 1267
1071 Etc 사이버보안실무 시험. secret hooni 2017.04.20 0
1070 Develop [ios] Facebook SDK 로그인 설명 file hooni 2017.04.19 1297
1069 Develop [ios] NSString, RegularExpression Find/Replace hooni 2017.04.14 931
1068 Develop [ios] 비디오,네트워크,소셜로그인 테스트 file hooni 2017.04.04 774
1067 Etc 사이버보안실무 수업 메모 hooni 2017.03.30 919
1066 Database [mysql] 쿼리 실행시 ERROR 1366 (HY000) : incorrect string value : for column 3 hooni 2017.03.30 8912
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 ... 98 Next
/ 98