Contents

Develop
2018.04.05 09:57

[js] Click button copy to clipboard

Views 1169 Comment 0
?

Shortcut

PrevPrev Article

NextNext Article

Larger Font Smaller Font Up Down Go comment Print
?

Shortcut

PrevPrev Article

NextNext Article

Larger Font Smaller Font Up Down Go comment Print

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
No. Category Subject Author Date Views
1125 Develop [matlab] 정보은닉 스테가노그래피(Steganography) 수업 file hooni 2016.10.03 680
1124 System/OS [apache2] Redirect HTTP to HTTPS file hooni 2022.02.03 680
1123 Develop [android] Android N requires the IDE to be running with Java 1.8 or later 오류 hooni 2016.08.30 684
1122 Develop [ios] 비디오,네트워크,소셜로그인 테스트 file hooni 2017.04.04 684
1121 Develop [Javascript][Ajax] 자바스크립트 강의 산출물 file hooni 2019.10.05 697
1120 Etc WM미통기 - 10. 조건부확률 hooni 2015.04.20 705
1119 Develop [ios] Crashlytics, Fabfic 설치/설정 hooni 2016.07.21 724
1118 PPT [ppt] iOS 플라랩#01(2015.02.26) 발표 자료 file hooni 2015.02.25 727
1117 Develop [ios][swift] 초간단 TableView 샘플 file hooni 2016.06.27 734
1116 Develop 캘리포니아 운전면허 족보 file hooni 2017.06.12 734
1115 Develop [ios] 앱에서 설정화면 호출하기 hooni 2015.04.07 743
1114 Develop 리팩토링 계획안 file hooni 2017.05.15 746
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 98 Next
/ 98