jq 复制文字到剪贴板

  • 作者:admin
  • 时间:2019-09-17 18:48:13
  • 237人已阅读

今天给大家分享两种实现复制文字到剪贴板的简单方法。

一、使用execCommand方法

用法:document.execCommand(sCommand[,交互方式, 动态参数]) 

sCommand:为命令参数,如复制copy,打开open,全选selectAll等

交互方式:两种可选参数true,false。true为显示对话框,false为不显示对话框。可不写

动态参数:一般为可用值或属性值,可不写

例如:

<span id="daima">11111</span>
<input type="button" id="Copy" value="点击复制代码" />

<script type="text/javascript">

    $("#Copy").click(function() {

        var copyText = $("#daima");//获取对象

        copyText .select();//选择

        document.execCommand("Copy");//执行复制

     alert("复制成功!");

    })

</script>


二、clipboard.js插件

例如:

<p data-clipboard-text="https://www.itao520.cn"  class="btn">前世今生</p>

下载clipboard.min.js,并在页面中引用

<!-- clipboard Script -->  

<script src="dist/clipboard.min.js"></script>

在script中实例化语句

var clipboard = new Clipboard('.btn');

clipboard.on('success', function(e) {

    console.log(e.text);  // 复制的文字 

});