js複製貼上事件

2021-09-28 23:07:22 字數 705 閱讀 1232

一、相應的事件

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進行操作,庫介紹

更多專業前端知識,請上

【猿2048】www.mk2048.com

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元素有乙個...