Contents

Develop
2018.04.05 09:57

[js] Click button copy to clipboard

조회 수 1160 댓글 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
번호 분류 제목 글쓴이 날짜 조회 수
841 Develop [ios] 스터디 자료 (from 종길M) secret hooni 2013.06.04 0
840 Develop 아이 훌레시 작업중 ㅋㅋ secret hooni 2013.08.09 0
839 Develop 이어서 작업할 내용~ secret hooni 2013.11.21 0
838 Develop [ios] APNS 샘플 코드.. secret hooni 2013.06.27 0
837 Develop [c#] 전자금융보안론 발표/설치 자료(툴바 소스코드) secret hooni 2016.05.07 0
836 Develop DDay Memo 1.9.4 소스코드 secret hooni 2015.10.03 0
835 Develop [iphone] PerfectlyClear 보정솔루션 최신.. secret hooni 2013.05.28 0
834 Develop 사이버보안실무 수업 메모 secret hooni 2017.03.23 0
833 Develop [ios] 최신 UI 모음.. (나중에 정리할 것) secret hooni 2013.08.09 0
832 Develop [js] 2048 예쁘게 만들고 있는거.. ㅋㄷ secret hooni 2015.01.30 0
831 Develop [ios] 패스(path) 앱 메뉴 스타일 secret hooni 2013.06.11 0
830 Develop [ios] IB 없이 개발하기 (html) secret hooni 2013.05.31 0
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 71 Next
/ 71