瀏覽器操作剪下板
阿新 • • 發佈:2019-01-10
在工作中,有時候會有需求操作剪下板內容(複製、貼上),看了很多種方法,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