clipboard.js是一个github上的开源项目,可以实现纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。
1、访问clipboard.js项目主页——https://github.com/zenorocha/clipboard.js
2、下载clipboard.min.js,并在页面中引用
<!-- clipboard Script -->
<script type="text/javascript" src="script/clipboard.min.js"></script>
3、在script中写实例化语句:
<script type="text/javascript">
$(document).ready(function(){
var clipboard = new Clipboard('.btn');
}
</script>
4、写页面按钮,实现点击按钮复制指定内容
<button class="btn" data-clipboard-text="http://www.hbcloudwide.com/oss/video/7">点击复制</button>当然,clipboard.js还可以实现多种复制或剪切效果。具体用法参看github项目主页即可。
本文介绍如何利用clipboard.js这个轻量级的开源库来实现在网页上复制内容到剪贴板的功能。通过简单的步骤即可让网页具备复制功能,提高用户体验。
1220

被折叠的 条评论
为什么被折叠?



