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
번호 분류 제목 글쓴이 날짜 조회 수
97 Develop [io] Apple Watch, Today Extension 앱ID 설정 hooni 2016.04.20 923
96 Develop XE Core 1.8.18 본문 작성시 태그(html) 사라지는 버그 file hooni 2016.04.21 1009
95 Develop [c#] 전자금융보안론 발표/설치 자료(툴바 소스코드) secret hooni 2016.05.07 0
94 Develop [ios] UUID 생성 + Key Chain 연동 file hooni 2016.05.13 4761
93 Develop [ios] 기본 네비게이션바의 타이틀, back버튼 위치와 속성 변경 file hooni 2016.05.16 2181
92 Develop [ios] 웹뷰 history.back() ㅋㄷ file hooni 2016.06.27 2011
91 Develop [ios][swift] 초간단 TableView 샘플 file hooni 2016.06.27 838
90 Develop [ios][swift] 초간단 To-do Memo file hooni 2016.06.27 1172
89 Develop [ios][swift] 초간단 카달로그 앱 (Catalog App) file hooni 2016.06.27 7232
88 Develop [ios] 새로 만들고 있는 DateMemo file hooni 2016.07.12 717
87 Develop [ios] Crashlytics, Fabfic 설치/설정 hooni 2016.07.21 829
86 Develop [c] 파일명 또는 특정 패턴을 적용 file hooni 2016.08.03 872
Board Pagination Prev 1 ... 58 59 60 61 62 63 64 65 66 67 ... 71 Next
/ 71