Contents

Develop
2018.04.05 09:57

[js] Click button copy to clipboard

조회 수 4393 댓글 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




?

  1. 캘리포니아 운전면허 문제

  2. [js] 문자열에서 숫자만 걸러내기 (jQuery 안쓰고 정규표현식)

  3. [ios] 카테고리 확장 메소드를 찾지 못하는 경우

  4. 개인적으로 쓰고 있는 zshrc 파일

  5. [ios] GMT Date와 Local Date 변환하기

  6. RSVP 란?

  7. [펌] 마이크로서비스, 모노리포, SRE, ... 덮어놓고 구글 따라하면 안 되는 기술들

  8. [mac] VirtualBox 실행 스크립트와 bash_profile 설정

  9. [ios] APNS, Remote Push 사용자가 수신을 동의했는지 확인하기

  10. Ubuntu Desktop RDP Setup - 24.04 LTS

  11. [c#] 툴바 소스.. 개인적으로 만드는거..

  12. [mac] OS X 요세미티 사용자가 많이 겪는 버그와 몇몇 불편사항

Board Pagination Prev 1 ... 81 82 83 84 85 86 87 88 89 90 ... 99 Next
/ 99