美文网首页
JQuery 简单实现把任意文本复制到剪贴板

JQuery 简单实现把任意文本复制到剪贴板

作者: 想早退休 | 来源:发表于2018-11-14 14:22 被阅读0次

有时我们不只是想复制文本框中内容,还需要复制表格,标签中的信息,且不想让用户看到,便可以采用此方法 

引入JQuery

<script src=" https://code.jquery.com/jquery-1.8.3.min.js"></script>

HTML

<textarea id="copy" style="display:none;"></textarea>

<input  id=" btn" type="button" value="复制"/>

JS

function copyText(str) {

        $('#copy').text(str).show();

        var ele = document.getElementById("copy");

        ele.select();

        document.execCommand('copy', false, null);

        $('#copy').hide();

 }

使用

$('#btn').click(function(){

        var str = '要复制的文字';

        copyText(str);

});

相关文章

网友评论

      本文标题:JQuery 简单实现把任意文本复制到剪贴板

      本文链接:https://www.haomeiwen.com/subject/ggfjfqtx.html