목차
1 플러그인 소개
2 기본 사용법
1 실행하여 클립보드를 확인합니다. .js가 Clipboard.isSupported()를 지원하는지 여부, true를 반환하면 사용할 수 있습니다.
HTML을 수정하고 싶지 않다면 매우 편리한 명령 API를 사용할 수 있습니다. 당신이 해야 할 일은 함수를 선언하고, 원하는 작업을 작성하고, 값을 반환하는 것뿐입니다. 아래는 서로 다른 ID를 가진 트리거에 대해 서로 다른 값을 반환하는 예입니다. 구체적인 사용 방법은 https://clipboardjs.com
웹 프론트엔드 JS 튜토리얼 Clipboard.js의 기본 사용법 공유

Clipboard.js의 기본 사용법 공유

Mar 07, 2018 pm 04:13 PM
javascript 사용방법

clipboard.js는 플래시 없이 텍스트를 클립보드에 복사하는 플러그인입니다. 이번 글은 주로 Clipboard.js의 기본적인 사용법을 소개하는 글입니다.

1 플러그인 소개

<script src="js/clipboard.min.js"></script>
로그인 후 복사

2 기본 사용법

먼저 DOM 선택기, HTML 요소 또는 HTML 요소 목록을 전달하여 인스턴스화해야 합니다.

new Clipboard(&#39;.btn&#39;);
로그인 후 복사


1 한 요소를 다른 요소의 텍스트를 복사하는 트리거로 사용하려면 data-clipboard-target 속성 뒤에 속성 선택기가 와야 합니다.

<!-- Target -->
<input id="foo" value="https://github.com/zenorocha/clipboard.js.git">
<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
</button>
로그인 후 복사

또 다른 속성 data-clipboard-action 속성도 있습니다 지정하려면 복사 또는 잘라내기 작업이 필요합니다. 기본값은 복사입니다. 자르기 작업은 또는