輕鬆實現js複製內容和修改貼上板中內容

2022-09-03 19:24:08 字數 824 閱讀 9374

實現點選不是input或者texterea框的時候複製功能,需求有時複製按鈕需要放置一些特殊的內容,比如乙個選中的樹節點,如果需要獲取到它的id的時候,還有可能會讓你在貼上前對id進行判斷,如果已經存在亦或者是根節點等特殊情況再次做操作的情況。

主要通過以下兩個api 進行實現,相容性可以點選鏈結檢視。

當乙個html文件切換到設計模式時,document暴露execcommand是可編輯區域可被操縱。所以需要建立乙個臨時的input框或者textarea,如果內容需要儲存格式時使用textarea

execcommand

execcommand相容性

const btn = document.queryselector("#btn");

btn.addeventlistener("click", function()

var text = window.getselection().tostring();

if (text)

});// 執行複製操作

if (document.execcommand("copy")) else

// document.execcommand('copy') 如果內容複製的不全

// document.execcommand('copy')前先進行document.execcommand('selectall')選中所有內容即可

// 移除input框

document.body.removechild(input);

});

張鑫旭部落格

js實現複製貼上

專案中經常會遇到點選按鈕複製訂單號 訂單id等內容到貼上板中的需求。可是通常我們都是用ctrl c或右擊複製的,別操心,js也是有複製命令的,那就是document.execcommand copy 這個命令會將選中的內容複製到貼上板中,那豈不是還需要選中?別急input和textarea元素有乙個...

貼上複製Android複製和貼上的實現

最近研究貼上複製,稍微總結一下,以後繼續補充 main.xml如下 mainactivity如下 每日一道理 漫漫人生路,誰都難免會遭遇各種失意或厄運。在淒風苦雨 慘霧愁雲的考驗面前,乙個強者,是不會向命運低頭的。風再冷,不會永遠不息 霧再濃,不會經久不散。風息霧散,仍是陽光燦爛。package c...

js實現複製貼上功能

在專案中使用到複製貼上功能,雖然網上有很多大牛封裝了很多的外掛程式,但是還是想不去使用外掛程式,就像自己來實現這個功能。初步想法 1.獲取到需要複製的內容,這裡我可以將需要複製的內容放在input或者textarea的value中,然後使用input的select 方法來獲取到值 2.獲取到值了,那...