单击按钮将内容复制到剪贴板 - cnBruce's Blog | 布鲁斯狼

我们通常会通过单击按钮的操作，将定义好的内容直接复制到剪贴板 对于用户来说点了按钮直接【Ctrl】+【V】就可以了。 其实该功能的核心原理就是用到了window子对象clipboardData的一个方法：setData() 其语法是：clipboardData.setData(sDataFormat, sData) 参数sDataFormat表示要复制的内容的格式；参数sData则要复制的内容。 返回值：复制成功返回true；失败返回false。 比如： clipboardData.setData("text","www.") [Ctrl+A 全部选择进行拷贝 提示：可先修改部分代码，再点击运行] 以上是定义了固定的值复制到本地剪贴板，可用在诸如“将本页转阅给朋友”类似的功能需求中，以达到快捷转达网址或信息的目的。 此外，我们还会遇到这样的一些情况：当我们在某网站复制了一段内容之后，在粘贴下来时，发现不自觉的多了一行信息，该信息即是由内容复制到剪贴板同时增加的一行信息。 也就是说我们写入到剪贴板中的值除了拷贝的选择内容外，还有自己定义的值，那么如何获得“拷贝的选择内容”，这就需要使用到 document.selection.createRange() 方法，其中该方法配合 execCommand，在 HTML 编辑器中很有用，比如：文字加粗、斜体、复制、粘贴、创建超链接等。 [Ctrl+A 全部选择进行拷贝 提示：可先修改部分代码，再点击运行] 所以，应用了document.selection.createRange().text就能重新定义剪贴板中的值了。 [Ctrl+A 全部选择进行拷贝 提示：可先修改部分代码，再点击运行] 需要注意的是，该脚本执行要位于页面最低部。