js點選複製剪貼簿

2022-07-01 07:06:09 字數 1602 閱讀 6116

**用原生寫的。工作中用的angular,所以如果有用angular的話,請把js**copytoclipboard函式中的document.getelementbyid(elementid).innerhtml || document.getelementbyid(elementid).value替換成相應$scope變數,其他地方對於會angular的肯定也會改,不一一贅述了。

對於相容性,測了一下,chrome、firefox、ie7及ie7+都支援,唯一需要注意的是chrome 41版本並未出現效果,也無報錯。

<

style

>

p input

style

>

<

body

>

<

p id

="p1"

>這是p1標籤

p>

<

br/>

<

p id

="p2"

>這是p2標籤

p>

<

br/>

<

input

id="input"

type

="text"

value

="這裡是輸入框標籤"

>

<

br/>

<

br/>

<

textarea

id="textarea"

rows

="3"

cols

="20"

>這裡是textarea標籤

textarea

>

<

br/>

<

br/>

<

button

onclick

="copytoclipboard('p1')"

>複製p1

button

>

<

button

onclick

="copytoclipboard('p2')"

>複製p2

button

>

<

button

onclick

="copytoclipboard('input')"

>複製input

button

>

<

button

onclick

="copytoclipboard('textarea')"

>複製textarea

button

>

<

br/>

<

br/>

<

input

type

="text"

placeholder

="請將複製的內容右鍵貼上進行檢視"

/>

body

>

<

script

>

function

copytoclipboard(elementid)

script

>

JS複製內容到剪貼簿

這裡我只講解乙個辦法,網上找了一大堆全是扯淡!第一步 npm install clipboard polyfill第二步 import clipboard from clipboard polyfill 第三步 clipboard.writetext this text is plain.資料寫到剪...

js複製文字到剪貼簿

execcommand是document的乙個方法,返回值是布林值 true,false true表示操作被支援,false表示操作不被支援 此方法只針對於input和textarea,對裡面的內容進行操作 input不儲存換行及空格,textarea儲存換行及空格 可以傳三個引數,第乙個是命令的名...

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

我們在製作移動端網頁的時候,經常會遇到這樣乙個問題,如何點選乙個 複製 按鈕,把一串文字複製到手機剪貼簿,如上圖所示。看了網上的一些方法後,感覺那些方法都太複雜,有點要用外掛程式,有的需要安裝flash,但是這些對於手機等移動裝置都不太合適,那麼有沒有乙個簡單點的辦法呢?今天,我們就來介紹乙個簡單實...