用js實現複製

2021-10-04 23:51:46 字數 640 閱讀 8558

const copyele = document.queryselector('.contenttext') // 獲取要複製的節點

const range = document.createrange(); // 創造range

window.getselection().removeallranges(); //清除頁面中已有的selection

range.selectnode(copyele); // 選中需要複製的節點

window.getselection().addrange(range); // 執行選中元素

const copystatus = document.execcommand("copy"); // 執行copy操作

// 對成功與否定進行提示

if (copystatus) else

window.getselection().removeallranges(); //清除頁面中已有的selection

操作range物件,有兩個步驟,1選擇節點,2,操作節點

selectnode() :選擇整個節點,包括子節點

selectnodecontents()  選擇節點的子節點

addrange這個功能可以幫使用者自動選中

用js實現點選複製文字

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

JS實現值複製

在js中物件一般都是傳位址,後續修改也會影響原始資料。例如這樣。var a var c a c.b c console.log a console.log c 會發現a.b也變成了 c 以下是網上一位高手寫的js實現值複製,獨立複製乙個物件,避免雙向修改。值複製function clone obj ...

js實現複製功能

在一些涉及到個人資訊比較多的h頁面,經常可能會出現複製賬號到剪下板的功能,那麼怎麼用js怎麼實現複製貼上功能呢?正好最近開發的模組中又有乙個這樣的功能,總結一下,方便後面使用。效果圖 核心 require clipboard function clipboard aftercopy function...