클립보드 내용 복사

프런트엔드 코드

<div class="feed-element">
  <div class="media-body ">
      <p>
           
      p>
      <div class=" pull-right">
           <button class="btn btn-success btn-sm btn-circle btn-outline copy_write tips-layui" data-clipboard-text="" type="button"  data-tip=" " ><i class="fa fa-copy " >i>button>
       div>
    div>
div>

js 코드

// clipboard.min.js 
<script type="text/javascript" src="https://cdn.bootcss.com/clipboard.js/2.0.4/clipboard.min.js"></script>
<script >
    /**
     * ContentReplication
     */
    $(".copy_write").click(function () {
        let val=$(this).parent().siblings("p").text();
        let ok_val=val.trim();
       $(this).attr("data-clipboard-text",ok_val);
    });
    // copy
    var clipboard = new ClipboardJS('.copy_write');
    clipboard.on('success', function (e) {
        e.clearSelection();
        layer.msg(' ', {icon: 1,time:1000});
    });
    clipboard.on('error', function (e) {
        layer.msg(' ， ', {icon: 2,time:1000});
    });
</script >

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

모델 상자에 iframe 하위 페이지 삽입

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

클립보드 내용 복사

프런트엔드 코드

js 코드

좋은 웹페이지 즐겨찾기