JS 點選複製按鈕 將文字複製到手機剪貼簿

2022-07-16 09:45:11 字數 414 閱讀 4078

我們在製作移動端網頁的時候,經常會遇到這樣乙個問題,如何點選乙個「複製」按鈕,把一串文字複製到手機剪貼簿,如上圖所示。

看了網上的一些方法後,感覺那些方法都太複雜,有點要用外掛程式,有的需要安裝flash,但是這些對於手機等移動裝置都不太合適,那麼有沒有乙個簡單點的辦法呢?

今天,我們就來介紹乙個簡單實用的好方法:

①首先,我們把需要複製的部分 做成乙個readonly的input,

②複製按鈕的id 我這裡設定成:js-copy-text,

③js如下:

這樣,當我們點選複製按鈕的時候,就能將需要的文字複製下來啦~~~

複製或引用請註明出處哦~~

原生js實現點選按鈕複製文字

封裝函式引數 id 要複製的元素id,paramtype 複製的屬性內容,一般是innertext copywxid id,paramtype else else try catch e if paramtype 原理總結 1.先建立全透明div,並把要複製的內容放入其innertext 2.建立r...

原生 js 實現點選按鈕複製文字

最近遇到乙個需求,需要點選按鈕,複製 標籤中的文字到剪下板 之前做過複製輸入框的內容,原以為差不多,結果發現根本行不通 嘗試了各種辦法,最後使了個障眼法,實現了下面的效果 一 原理分析 瀏覽器提供了 copy 命令 可以複製選中的內容 document.execcommand copy 如果是輸入框...

用js實現點選複製文字

function copytext ele else 移除選中的元素 window.getselection removeallranges 對於這段 的相容性,實際使用中對於大多的普通瀏覽器和android端都是比較相容的,但移動端uc和qq瀏覽器有乙個小問題,原因是因為uc中document.e...