原生 js 實現複製文字

2022-05-16 23:16:40 字數 656 閱讀 9699

html:

賬號:123456,密碼:123457

js:

var text = document.getelementbyid("copytext").innertext;

var input = document.getelementbyid("copyinput");

document.getelementbyid("copyinput").value = text; // 修改文字框的內容

input.select(); // 選中文字

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

一、如果需要複製的文字在 input 或者 textarea 中

1. 獲取到 dom 後,使用 .select() 來選中。

2. 使用 document.execcommand("copy"); 來複製。

二、如果需要複製的文字不在 input 或者 textarea 中

1. 先獲取到需要複製的文字.

2. 把文字賦值給 input 或者 textarea。

3. input 或者 textarea 的樣式可以設定為 opacity:0; 這樣就透明了。

4. 然後再進行上面「 一 」中的 1 和 2 步驟。

原生js實現點選按鈕複製文字

封裝函式引數 id 要複製的元素id,paramtype 複製的屬性內容,一般是innertext copywxid id,paramtype else else try catch e if paramtype 原理總結 1.先建立全透明div,並把要複製的內容放入其innertext 2.建立r...

原生 js 實現點選按鈕複製文字

最近遇到乙個需求,需要點選按鈕,複製 標籤中的文字到剪下板 之前做過複製輸入框的內容,原以為差不多,結果發現根本行不通 嘗試了各種辦法,最後使了個障眼法,實現了下面的效果 一 原理分析 瀏覽器提供了 copy 命令 可以複製選中的內容 document.execcommand copy 如果是輸入框...

原生js實現複製功能

瀏覽器提供了 copy 命令 可以複製選中的內容 document.execcommand copy var text document.getelementbyid text innertext var input document.getelementbyid input input.value...