Contents

Develop
2018.04.05 09:57

[js] Click button copy to clipboard

Views 1301 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
37 Develop [web] 더 빠른 웹을 위한 프로토콜, 'HTTP/2' file hooni 2014.10.20 1766
36 Develop [web] 웹 연동 프로그램 모음.. file hooni 2013.04.23 6983
35 Develop [winmobile] 윈도우 모바일 간단한 테스트 코드 ㅋㅋ file hooni 2013.04.23 17119
34 Develop [Xcode] 디버깅 옵션 file hooni 2013.04.23 57261
33 Develop [자료구조] 트리(tree) 용어정리 file hooni 2003.04.23 11114
32 Develop [펌] 게임 엔진 만든거 공개합니다. hooni 2015.02.21 2469
31 Develop 객체지향 프로그래밍에 대한 개념.. (객체) file hooni 2013.04.23 7341
30 Develop 논문 실험용 고려대 툴바 ㅎㅎ secret hooni 2013.04.23 8686
29 Develop 논문에 들어갈 툴바 테스트 해볼 것.. secret hooni 2013.04.23 8013
28 Develop 다양한 방법으로 아주 큰 수(Big Number) 계산.. ㅋㅋ hooni 2013.04.23 8410
27 Develop 다운 받아서 테스트 해볼것.. hooni 2013.04.23 9172
26 Develop 도메인 관련 솔루션 분석할 거.. ㅋㄷ file hooni 2013.04.23 7056
Board Pagination Prev 1 ... 62 63 64 65 66 67 68 69 70 71 Next
/ 71