首先加载本地clipboard.js文件；
然后就是在body中加上要复制或剪切的文本域内容以及按钮；
使用了HTML5的data-属性，用来定位复制对象目标，它指向了文本域#foo，说明复制的是#foo中的value内容，aria-label属性定义了复制成功后的信息，用来提示复制结果信息。
可用JS。
方法一：只对IE有效：<script>function copyToClipboard() { var d = document.all("source").value window.clipboardData.setData('text', d) } </script><button onclick="copyToClipboard()">拷贝</button> <input type="text" size=20 id="source" value="测试数据"><button onclick="alert(window.clipboardData.getData('text'))">显示</button> <button onclick="window.clipboardData.clearData('text')">清空</button>对于直接复制是一个很危险的操作，为了安全谷歌和其他浏览器都做了阻止，除了出来IE这种垃圾浏览器以外。目前网上的都是借助flash来达到兼容，其他的方法还真没见过。另外html5当然以谷歌内核为主：有条报道：Chrome doesn't do document.execCommand('copy') since October 2010.
虽然2010年后谷歌就不允许使用上述方法进行复制了，但是以提醒的方法来做：
function copyToClipboard(text) { window.prompt("Copy to clipboard: Ctrl+C, Enter", text)}H5edu教育HTML5开发复制到剪贴板用插件实现简单些jQuery插件：跨浏览器复制jQuery-zclipjQuery-zclip是一个复制内容到剪贴板的jQuery插件，使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题。jQuery-zclip插件需要Flash的支持，使用时记得安装AdobeFlashPlayer。
