hi,欢迎访问本站!
当前位置: 首页Web前端正文

jquery复制内容的方法

墨初 Web前端 349阅读

说一个利用jquery来复制内容的方法,大家可以参考一下。

jquery复制内容的方法

例:

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<textarea name="" id="txtContent" ></textarea>
<span class="btnCopy">点击复制text里面的值</span>
<script>
//复制文本内容
$('.btnCopy').on('click', function(){
    var content = $('#txtContent').val();
    var $temp = $('<textarea>');
    $('body').append($temp);
    $temp.val(content).select();
    document.execCommand('copy');
    $temp.remove();
});
</script>

注:

1、先用js获取一个指定输入框中的值

2、利息js创建一个<textarea>输入框,并将获取到的内容放到到<textarea>中

3、select()选中<textarea>中的内容

4、执行js中的复制操作

声明:无特别说明,转载请标明本文来源!
相关推荐