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

2021-09-26 21:29:38 字數 391 閱讀 7732

封裝函式引數 id:要複製的元素id,paramtype:複製的屬性內容,一般是innertext;

copywxid(id, paramtype)  else 

} else

try catch (e)

if (paramtype)

},

原理總結;

1.先建立全透明div,並把要複製的內容放入其innertext

2.建立range物件,並選中id元素的節點

3.清除全部range物件,避免多餘內容,

4.新增本次定義的range物件

5.使用execcommand(『copy』)命令,複製內容

6.console.log可根據ui框架換成彈窗提示,

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

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

原生 js 實現複製文字

html 賬號 123456,密碼 123457 js var text document.getelementbyid copytext innertext var input document.getelementbyid copyinput document.getelementbyid co...

用js實現點選複製文字

function copytext ele else 移除選中的元素 window.getselection removeallranges 對於這段 的相容性,實際使用中對於大多的普通瀏覽器和android端都是比較相容的,但移動端uc和qq瀏覽器有乙個小問題,原因是因為uc中document.e...