美文网首页
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