Contents

Develop
2018.04.05 09:57

[js] Click button copy to clipboard

조회 수 1273 댓글 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
번호 분류 제목 글쓴이 날짜 조회 수
1125 PPT [ppt] iOS 플라랩#01(2015.02.26) 발표 자료 file hooni 2015.02.25 800
1124 Develop 정리할 자료. file hooni 2015.07.02 809
1123 Develop [ios] 앱에서 설정화면 호출하기 hooni 2015.04.07 813
1122 Develop [ios] 여러 버전의 Xcode 사용하기 hooni 2022.05.28 815
1121 Develop [swift] 실행시간 측정하기 hooni 2021.09.14 816
1120 System/OS [apache2] Redirect HTTP to HTTPS file hooni 2022.02.03 825
1119 Develop [ios] Crashlytics, Fabfic 설치/설정 hooni 2016.07.21 829
1118 Develop [ios][swift] 초간단 TableView 샘플 file hooni 2016.06.27 838
1117 Develop 리팩토링 계획안 file hooni 2017.05.15 846
1116 Develop 캘리포니아 운전면허 족보 file hooni 2017.06.12 858
1115 Develop [c] 파일명 또는 특정 패턴을 적용 file hooni 2016.08.03 872
1114 Develop [Android Error] The number of method references in a .dex file cannot exceed 64K hooni 2016.11.10 880
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 98 Next
/ 98