js實現移動端貼上板功能

2021-08-31 20:57:09 字數 457 閱讀 4754

借助document的execcommand方法實現

var copybtn = document.getelementbyid('copybtn')

copybtn.onclick = function()

var copyvalue=document.getelementbyid("copyvalue");

copyvalue.select(); // 選擇物件

document.execcommand("copy"); // 執行瀏覽器複製命令

alert("已複製好,可貼粘。");

}

⚠️1. 首先要檢查一下當前環境是否支援複製功能;

2.其次,此複製功能智慧型複製表單元素的內容,且該表單不能是type="hidden"和display:none,可將該元素定位到可見區域外。

js點選按鈕複製內容到貼上板

複製內容到貼上板,就是要選擇需要複製的內容並執行document.execcommand copy 命令 複製內容到貼上板 function copytoclipboard elemid catch e console.log 複製成功 return succeed 如果應用場景複雜些,可能有多種元...

JS 7 獲取貼上板的內容

前言 有時會有要獲取剪下板內容的情況,我最開始有這個需求,不過後面放棄了,因為有相容性的問題,在ie可行,在chrome和firefox不行。查到這篇部落格做了相容處理,就寫在這裡記錄一下。正文 繫結在了body上,也可以繫結在其他可用元素上,但是不是所有元素都支援copy和past事件。docum...

js外掛程式實現點選複製內容到貼上板,相容IE8

先來看下本次需要匯入的檔案 第乙個是jquery.js,這個不多說 那麼如何使用上面鏈結 呢?先看第乙個效果圖 點選複製鏈結,複製輸入框的內容到貼上板上。下面是html 比較粗糙。複製鏈結 span script src jquery.min.js script script src jquery....