使用clipboard.js实现页面内容复制到剪贴板
2015-11-26 12:55
756 查看
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项目主页即可。
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项目主页即可。
相关文章推荐
- JSON Web Token - 在Web应用间安全地传递信息
- JS延时提示框实现方法详解
- 向ES6靠齐的Class.js
- js使用cookie记录用户名的方法
- 如何用js得到当前页面的url信息方法
- js过滤HTML标签完整实例
- 利用JS验证查询参数-选择月份后必须选择年份
- 利用JS验证查询参数-选择月份后必须选择年份
- 把PPT放入浏览器中——12款用于演示的JS库
- JS实现文本复制与剪切
- 浅谈Supermap iClient for JavaScript弹窗类
- JSP_页面中设置引用资源的方法(basePath)
- JavaScript中的标签语句
- JAVASCRIPT代码编写俄罗斯方块网页版
- HTML与JSP页面的区别
- json解析
- Json序列反序列类型处理帮助类
- 通过script标签实现JSONP跨域调用
- Json简单实例
- 前端工程师百度地图api 的使用教程(最新版本javascriptapi)