1. 程式人生 > >js復制粘貼事件

js復制粘貼事件

設置 ref logs set color 剪貼板 rdd ext 函數

一、相應的事件

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復制粘貼事件