1. 程式人生 > >瀏覽器操作剪下板

瀏覽器操作剪下板

在工作中,有時候會有需求操作剪下板內容(複製、貼上),看了很多種方法,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