码迷,mamicode.com
首页 > 其他好文 > 详细

浏览器操作剪切板

时间:2019-01-10 10:59:43      阅读:315      评论:0      收藏:0      [点我收藏+]

标签:api   getc   pen   很多   board   func   web   creat   工作   

在工作中,有时候会有需求操作剪切板内容(复制、粘贴),看了很多种方法,js高程中推荐以下写法:

  

 1 var EventUtil = {
 2                     getClipboardText:function(event){
 3                         var clipboardData = (event.clipboardData || window.clipboardData);
 4                         return clipboardData.getData("text");
 5                     },
 6                     setClipboardText:function(event,value){
 7                         if(event.clipboardData){
 8                             return event.clpboardData.setData("text/plain",value);
 9                         }else if(window.clipboardData){
10                             return window.clipboardData.setData("text",value);
11                         }
12                     }
13                 }

实际应用中,也可以借助浏览器的document.execCommand 命令,兼容性如下所示:

技术分享图片

基本用法:

1 function copyText(txt) {//文本复制
2         var $textarea = document.createElement(‘textarea‘);
3         $textarea.value = txt;
4         document.body.appendChild($textarea);
5         $textarea.select(); // 选择对象
6         document.execCommand("Copy"); // 执行浏览器复制命令
7         $textarea.style.display=‘none‘;
8         alert(‘复制成功!‘);
9     },

MDN;https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand

 

浏览器操作剪切板

标签:api   getc   pen   很多   board   func   web   creat   工作   

原文地址:https://www.cnblogs.com/gerry2019/p/10247945.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!