js 實現複製文字內容,可以在其他地方進行貼上

2021-09-28 06:45:43 字數 599 閱讀 4180

在專案開發過程中會遇到複製某部分的文字內容,然後可以在其他地方通過右鍵或者 ctrl + v 進行貼上的需求,接下來看看如何通過 js 實現

//獲取需要複製文字的節點

var copydom = document.queryselector(id);

//建立乙個 range 物件

var range = document.createrange();

//清除當前頁面中已有的selection

window.getselection().removeallranges();

// 選中需要複製的節點

range.selectnode(copydom);

// 執行選中元素

window.getselection().addrange(range);

// 執行 copy 操作, 複製選中的文字到剪貼簿 - 返回true or false

var successful = document.execcommand('copy');

if (successful) else {

message.warning('複製失敗,請手動複製!')

js複製文字內容

1.執行以下解決方案條件 這個是原理 執行複製方法時 所複製文字不能被任何 塊級元素和行內塊元素和行內元素遮蓋否則無效 解決方案 將文字通過絕對定位或其他方式移除螢幕外 ios中不能複製屬性值,只能複製文字元素節點 解決方案 可以把文字顏色設成背景色就能達到隱藏看不見的效果不影響顯示 直接上 以下是...

原生 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...