概念

1. web可见区域的文本，点击按钮复制到粘贴板上。
2. 由于安全性考虑，火狐谷歌都不直接暴露出复制粘贴的接口，火狐复制粘贴的时候还要用户允许，IE有一个 window.clipboardData接口直接设置复制内容。

解决方案

1. IE下直接调用 window.clipboardData就ok了，但还要考虑兼容性
2. 火狐谷歌下可以通过监听‘crtl+C’的事件触发，来获取复制对象，对其做操作。那么还要模拟键盘输入（模拟成功也不会触发该事件）。代码如下
   $(document.body).bind({
   copy: function(e) {//copy事件
   var cpTxt = "复制的数据";
   var clipboardData = window.clipboardData; //for IE
   if (!clipboardData) { // for chrome
   clipboardData = e.originalEvent.clipboardData;
   } //可以获取用户选中复制的数据
   clipboardData.setData('Text', cpTxt);
   alert(cpTxt);
   $('#message').text('Copy Data : ' + cpTxt);
   return false;//否则设不生效
   }});
   2`. 此处引入模拟键盘输入代码http://www.cnblogs.com/liyunhua/p/4526556.html (坑~)
3. 第三种解决方案是使用zeroClipboard插件，这个是利用flash生成一个看不见的flash浮在按钮。这个缺点是生成flash要点击两次才可以获取到，还有不兼容的问题，而且浮在按钮上的手势也没了。尤其现在都在淘汰flash,不推荐此方法
4. 纯JS的插件Clipboard，一直在报Clipboard not defined。时间有限，有机会研究（坑）
5. 我现在使用的一下方法，用到了window.execCommand接口。代码如下
   function copyTextToClipboard(text) {
   var textArea = document.createElement("textarea");
   textArea.style.background = 'transparent';
   textArea.value = text;
   document.body.appendChild(textArea);
   textArea.select();
   try {
   var successful = document.execCommand('copy');
   var msg = successful ? 'successful' : 'unsuccessful';
   } catch (err) {
   console.log('Oops, unable to copy');
   }
   document.body.removeChild(textArea);}
   原理是模拟一个看不见的textarea，获取里面预设的内容信息。感觉不够美观，但是功能实现了
6. 有一种使用svg方式进行复制粘贴的方式