一、相應的事件
copy: 在發生複製操作時觸發。
beforecut: 在發生剪下操作 前 觸發。
cut: 在 發生 剪下 操作 時 觸發。
beforepaste: 在 發生 貼上 操作 前 觸發。
paste: 在 發生 貼上 操作 時 觸發。
相應的事件中,以before開頭的事件基本上沒啥作用(ie中可以設定剪貼簿中的資料,但其它瀏覽器都不能設定),before相應事件中阻止copy paste cut等行為屬於無效操作
二、獲取或設定剪貼簿資料
操作的資料放在clipboarddata物件中的,在ie中這個物件通過window.clipboarddata來訪問,在其它瀏覽器中則通過事件處理函式的引數來訪問。
clipboarddata物件有三個方法:getdata()、 setdata() 和 cleardata()。在使用getdata或setdata時,要指定文件型別,ie中使用text或url,其它瀏覽使用mime型別(text/plain)
setdata()方法只有在ie中才能設定剪貼簿資料,在其它瀏覽器中設定後剪貼簿資料依然無效。
三、第三方庫
使用clipboard.js進行操作,庫介紹
js複製貼上事件
一 相應的事件 copy 在發生複製操作時觸發。beforecut 在發生剪下操作 前 觸發。cut 在 發生 剪下 操作 時 觸發。beforepaste 在 發生 貼上 操作 前 觸發。paste 在 發生 貼上 操作 時 觸發。相應的事件中,以before開頭的事件基本上沒啥作用 ie中可以設...
JS 複製貼上鏈結
在網上看了很多關於html複製貼上的js,有些只是適用於pc端的。有些需要在移動端使用,便涉及到相容問題。最近使用的乙個外掛程式clipboard很好的解決了相容問題。ios和android端都可以使用,而且還不會彈出鍵盤。如下 分享 data clipboard action可以不寫預設是copy...
js實現複製貼上
專案中經常會遇到點選按鈕複製訂單號 訂單id等內容到貼上板中的需求。可是通常我們都是用ctrl c或右擊複製的,別操心,js也是有複製命令的,那就是document.execcommand copy 這個命令會將選中的內容複製到貼上板中,那豈不是還需要選中?別急input和textarea元素有乙個...