Contents

Develop
2018.04.05 09:57

[js] Click button copy to clipboard

Views 4400 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
843 Develop 프로그램 문서 관리 (Doxygen) hooni 2013.04.23 17835
842 Develop 프로그래밍에서 foo, bar 함수의 유래 file hooni 2013.06.25 22885
841 Develop 프로그래밍 소스 관련 사이트.. hooni 2013.04.23 17901
840 Develop 페이팔에서 돈 찾기 (Paypal withdraw) file hooni 2014.02.20 12746
839 Develop 캘리포니아 운전면허 족보 file hooni 2017.06.12 2819
838 Develop 최근 논문 자료 (2011/01/03, 만현형한테 보낸거..) secret hooni 2013.04.23 10366
837 Develop 참고하고 지울 자료.. 집에서 바야지.. ㅋㅋ file hooni 2013.04.23 14094
836 Develop 정리할 자료. file hooni 2015.07.02 2092
835 Develop 자주 쓰는 Docker 명령어 alias hooni 2020.01.10 289497
834 Develop 이어서 작업할 내용~ secret hooni 2013.11.21 0
833 Develop 웹페이지 성능 테스트 툴 설명 hooni 2013.04.23 28443
832 Develop 알고리즘 성능분석 file hooni 2014.06.24 4266
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 71 Next
/ 71