在网页上复制文本到剪切板,一般是使用JS+Flash结合的方法,网上有很多相关文章介绍。随着 HTML5 技术的发展,Flash 已经在很多场合不适用了,甚至被屏蔽。本文介绍的一款JS插件,实现了纯JS方法复制文本到剪切板。
插件名是Clipboard.js,该插件不依赖 Flash,而是依赖于最新HTML5推出 Selection API 和 execCommand API。
execCommand
支持以下浏览器:Chrome浏览器42+,火狐41+,IE9+。Safari目前仍不支持cut
和copy
指令。
安装
Github:
https://github.com/zenorocha/clipboard.js
可以通过npm方式安装:
npm install clipboard --save
或者bower:
bower install clipboard --save
当然,也可以直接下载ZIP包:https://github.com/zenorocha/clipboard.js/archive/master.zip
开始使用
首先需要在页面引入:
示例
clipboard示例
点击复制