首页 > Web开发 > 详细

js复制内容到粘贴板

时间:2020-03-16 22:33:15      阅读:72      评论:0      收藏:0      [点我收藏+]

⒈引入第三方js:   clipboard

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"></script>
    <!-- 方式一  -->
    <input id="inpu" value="https://github.com/zenorocha/clipboard.js.git">
    <button class="inpu"" data-clipboard-target="#inpu">input复制</button>
   <!-- 方式二 -->
    <textarea id="cut">cuttext</textarea>
    <button class="cut" data-clipboard-action="cut" data-clipboard-target="#cut">剪切</button>
    <!-- 方式三 -->
    <button class="btn" data-clipboard-text="copytext">btn复制</button>
    <br><br><textarea id="cut" placeholder="试试黏贴" style="margin: 0px; width: 521px; height: 50px;"></textarea>
    <script>
        var clipboard1 = new ClipboardJS(‘.inpu‘);
        var clipboard2 = new ClipboardJS(‘.cut‘);
        var clipboard3 = new ClipboardJS(‘.btn‘);

        // clipboard.on(‘success‘, function(e) {
        //     console.info(‘Action:‘, e.action);
        //     console.info(‘Text:‘, e.text);
        //     console.info(‘Trigger:‘, e.trigger);
        //     e.clearSelection();
        // });

        // clipboard.on(‘error‘, function(e) {
        //     console.error(‘Action:‘, e.action);
        //     console.error(‘Trigger:‘, e.trigger);
        // });
        // clipboard.destroy();//销毁
    </script>

 ⒉效果:   

  技术分享图片

js复制内容到粘贴板

原文:https://www.cnblogs.com/bkyyay/p/12506903.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!