js复制粘贴事件|js复制粘贴事件，获取剪切板数据（未做兼容，只支持webkit

【www.bbyears.com--js教程】

一个js复制和粘贴事件的demo，你可以在这里查看：

 
  
 
 
  
  
  

在文本框里进行复制粘贴操作，会在控制台中打印剪切板里的数据

 
 <script type="text/javascript">
  //获取粘贴数据
  document.getElementById("text").onpaste = function (e) {
   e.preventDefault(); //可以阻止默认粘贴
   var text = (e.originalEvent || e).clipboardData.getData("text/plain");
   console.log(text);
  }
  //获取复制数据
  document.getElementById("text").oncopy = function () {
   var text;
   if (window.getSelection) {
    text = window.getSelection().toString();
   } else if (document.selection && document.selection.createRange) {
    text = document.selection.createRange().text;
   }
   console.log(text);
   alert("复制成功，请到需要的地方粘贴");
  }
  //点击复制按钮事件，想要兼容性好的可以搜索ZeroClipboard，利用swf的方法复制
  document.getElementById("btn").onclick = function () {
   document.getElementById("text").select();
   alert("请按CTRL+C或者鼠标右键复制");
  }
 </script>

全部页面代码如下：

 
  
 
 
  
  
 
 <script type="text/javascript">
  //获取粘贴数据
  document.getElementById("text").onpaste = function (e) {
   e.preventDefault(); //可以阻止默认粘贴
   var text = (e.originalEvent || e).clipboardData.getData("text/plain");
   console.log(text);
  }
  //获取复制数据
  document.getElementById("text").oncopy = function () {
   var text;
   if (window.getSelection) {
    text = window.getSelection().toString();
   } else if (document.selection && document.selection.createRange) {
    text = document.selection.createRange().text;
   }
   console.log(text);
   alert("复制成功，请到需要的地方粘贴");
  }
  //点击复制按钮事件，想要兼容性好的可以搜索ZeroClipboard，利用swf的方法复制
  document.getElementById("btn").onclick = function () {
   document.getElementById("text").select();
   alert("请按CTRL+C或者鼠标右键复制");
  }
 </script>

本文来源：http://www.bbyears.com/wangyezhizuo/93069.html