js實現複製功能

2022-03-11 16:43:42 字數 404 閱讀 2351

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

效果圖

核心**

require(['clipboard'],function(clipboard),

aftercopy: function() )}})

這裡require了乙個js外掛程式,外掛程式裡實現了複製(copy)、剪下(cut)、貼上(paste)三個方法,備份到github:

原生js實現複製功能

瀏覽器提供了 copy 命令 可以複製選中的內容 document.execcommand copy var text document.getelementbyid text innertext var input document.getelementbyid input input.value...

js實現複製貼上功能

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

源生JS實現點選複製功能

之前在工作中,有位同事問過我乙個問題,js如何實現點選複製功能。給他解決後現在來總結歸納一下,順便做個筆記。ps 此乃本人第一篇部落格 跟著同事大佬學習 涉及知識尚淺,如有任何意見和建議請告知於我。下面開始正文 doctype html html head meta charset utf 8 ti...