實現點選不是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.獲取到值了,那...