Clipboard.js：不用 Flash 实现剪贴板功能的轻量级 JavaScript 库

Zeno Rocha 发布了一个专门用于从 web 页面向本地计算机的剪贴板复制文本的 JavaScript 库：Clipboard.js 。

在每一个Github 仓库页面的侧边栏上都有一个小部件，用来显示repo 的HTTPS 克隆地址，当你点击紧挨着这个部件的按钮时，就会复制当前repo 的URL 到用户的剪贴板中。Github 用JavaScript 库 ZeroClipboard 来实现这一功能，问题是这个库是用一个不可见的 Flash 来完成剪贴操作，而 Flash 技术正被各大浏览器厂商冷落，所以势必要有一个新的方案。

在今年的早些时候，Firefox 浏览器默认禁用了Flash ，需要用户明确启用Flash 才可以通过它向剪贴板中复制文本。

Mozilla Hacks 上的一篇文章中示范了 API document.execCommand() 的使用方法。MDN 的文档中称，execCommand“赋予了浏览器通过运行指令操作可编辑区域内容的能力。”直到 Firefox 41 发布，“cut”和“copy”指令才正式启用。

浏览器只允许用户主动触发这样的事件，不允许 JavaScript 代码随意将文本复制到剪贴板中，如果代码尝试越过用户自行复制，该调用会失败。

Rocha 借鉴了一些思路：通过给 execCommand 传递参数指令来执行相关操作；集成 Selection API 。通过结合这些技术，Clipboard.js 为开发者提供了一个集成了实用的 API 的多功能轻量级 JavaScript 库。如果想要将按钮与库绑定，开发者需要声明触发剪贴板的元素：

 
var clipboard = new Clipboard('.btn');
 

主流浏览器都支持这个库，Safari 目前仍不支持 cut 和 copy 指令。

ZeroClipboard 的开发者在讨论中声称也要在他们的库中加入相同的API 的支持，当这些API 不被支持时提供向后兼容的Flash 功能。ZeroClipboard 的贡献者James Green 谈起Clipboard.js 时说到：“它是一个很好的轻量级选择，但是我知道，很多用户的使用环境不是最新的主流浏览器，ZeroClipboard 在向后兼容Flash 的同时支持新的HTML5 特性对这些用户来说至关重要。”

HTML5 的剪贴板 API 的提案仍然处于议程中，在大多数浏览器只实现了部分支持。

查看英文原文： Lightweight JavaScript Library Offers Flash-Free Clipboard Integration