**用原生寫的。工作中用的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,但是這些對於手機等移動裝置都不太合適,那麼有沒有乙個簡單點的辦法呢?今天,我們就來介紹乙個簡單實...