Contents

Develop
2018.04.05 09:57

[js] Click button copy to clipboard

조회 수 4403 댓글 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
번호 분류 제목 글쓴이 날짜 조회 수
685 Develop [html] SVG(Scalable Vector Graphics) 간단 정리 hooni 2014.02.13 11337
684 Develop [c] 그래픽스 자료(OpenGL 라이브러리) 샘플 소스 file hooni 2003.04.23 11336
683 System/OS [doc] 레드햇 리눅스 메뉴얼 (html버전) file hooni 2013.04.23 11308
682 Develop [java] Interface 와 abstract hooni 2013.04.23 11280
681 Develop [java] 입출력 스트림 2부 (바이트) file hooni 2013.04.23 11262
680 System/OS [linux] 데비안(debian.org) 리눅스 명령어 예제 hooni 2006.04.23 11242
679 Database [sql] 쿼리로 문자열 검색해서 일괄 치환하기 hooni 2014.02.13 11217
678 Develop [c] OpenGL 임시로 여기 올림.. hooni 2003.04.23 11175
677 Develop [c++] Window API(MFC) 오목 게임 file hooni 2003.04.23 11156
676 Develop [php] 니우쪽지다.. 받아라~ ^^ file hooni 2003.04.23 11148
675 Develop [js] 밀리터리 프로그램(전역일 계산) 7 file hooni 2013.04.23 11133
674 System/OS [unix] AIX쉘 초기 파일 (.cshrc) hooni 2013.04.23 11125
Board Pagination Prev 1 ... 37 38 39 40 41 42 43 44 45 46 ... 99 Next
/ 99