jquery复制内容的方法
墨初 Web前端 1019阅读
说一个利用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中的复制操作