>웹 프론트엔드 >JS 튜토리얼 >jquery 원클릭 클립보드 복사 기능 구현

jquery 원클릭 클립보드 복사 기능 구현

小云云
小云云원래의
2017-12-27 11:53:053058검색

이 기사에서는 주로 클릭 한 번으로 jquery를 클립보드에 복사하는 예제를 제공합니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리도록 하겠습니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.

오늘 내 프로젝트에는 클릭 이벤트를 통해 텍스트 일부를 클립보드에 복사하는 기능이 있습니다. 인터넷에서 일부를 찾아서 필요한 친구들의 편의를 위해 정리했습니다.


<a id="copy" data-text="123456">复制文本</a>
$(function(){
    var clipboard = new Clipboard(&#39;#copy&#39;,{ 

       text: function(trigger) { 

          alert("复制成功!");

          return trigger.getAttribute(&#39;data-text&#39;); 

       }

    });
});

관련 추천:

jquery를 사용하여 한 번의 클릭으로 클립보드에 복사하는 방법

JavaScript ZeroClipboard를 사용하여 클립보드 코드 공유를 작동하는 방법

을 기반으로 하는 방법 지정된 클립보드 HTML?

위 내용은 jquery 원클릭 클립보드 복사 기능 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.