失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 使用clipboard js实现页面内容复制到剪贴板

使用clipboard js实现页面内容复制到剪贴板

时间:2019-02-16 13:52:58

相关推荐

使用clipboard js实现页面内容复制到剪贴板

clipboard.js是一个github上的开源项目,可以实现纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。

1、访问clipboard.js项目主页——/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="/oss/video/7">点击复制</button>

当然,clipboard.js还可以实现多种复制或剪切效果。具体用法参看github项目主页即可。

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!/jiangjunshow

如果觉得《使用clipboard js实现页面内容复制到剪贴板》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。