js實現複製貼上

2022-06-11 05:57:09 字數 607 閱讀 7989

專案中經常會遇到點選按鈕複製訂單號、訂單id等內容到貼上板中的需求。可是通常我們都是用ctrl + c或右擊複製的,別操心,js也是有複製命令的,那就是document.execcommand('copy');這個命令會將選中的內容複製到貼上板中,那豈不是還需要選中?別急input和textarea元素有乙個select()方法,這個方法可以幫我們自動選中。於是就有了下面的**,複製過去試試吧!12

3456

78910

11functioncopy(text)

思路分析:

建立input或textarea,因為這兩個dom具有select方法,可以選中內容(document.execcommand('copy')複製內容必要條件);

給input賦值為需要賦值的內容

將dom新增到文件中

選中輸入框中的值(也就是要複製的值)

執行複製命令

最後別忘了從文件中移除dom元素

此函式最後返回了複製是否成功的結果(true/false,document.execcommand('copy')本身會返回true/false),你可以做相應的互動提示等。

js實現複製貼上功能

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

JS 複製貼上鏈結

在網上看了很多關於html複製貼上的js,有些只是適用於pc端的。有些需要在移動端使用,便涉及到相容問題。最近使用的乙個外掛程式clipboard很好的解決了相容問題。ios和android端都可以使用,而且還不會彈出鍵盤。如下 分享 data clipboard action可以不寫預設是copy...

js複製貼上事件

一 相應的事件 copy 在發生複製操作時觸發。beforecut 在發生剪下操作 前 觸發。cut 在 發生 剪下 操作 時 觸發。beforepaste 在 發生 貼上 操作 前 觸發。paste 在 發生 貼上 操作 時 觸發。相應的事件中,以before開頭的事件基本上沒啥作用 ie中可以設...