jquery拷贝内容
文章描述：
我们在网页里面想拷贝一些内容的时候会用鼠标选中和按住ctrl+c键来进行复制，这样的操作让人感觉有点点复杂，那么可以用jquery来快速拷贝内容不呢？
clipboard.js是什么？
clipboard.js是一个js拷贝，它的优点是不需要过多繁杂的配置或者下载很多脚本文件. 最重要的，它不应该依赖flash或者其他框
html
<div class="container" style="margin-top:100px; max-width:500px;">
<div class="copy-list">
<ul class="list-group">
<li class="list-group-item"><a>百度一下</a></li>
<li class="list-group-item"><a>Google</a></li>
<li class="list-group-item"><a>英雄联盟</a></li>
</ul>
</div>
<div class="text">
<textarea class="form-control" rows="3"></textarea>
</div>
</div>script
$('.copy-list ul li').click(function(){
var content = $(this).find('a').text();
console.log(content);
var clipboard = new Clipboard('ul li', {
text: function() {
return content;
}
});
clipboard.on('success', function(e) {
//alert("复制成功");
});
clipboard.on('error', function(e) {
console.log(e);
});
});
发布时间：2022/04/27
发表评论