js复制粘贴事件

Posted 2021-01-02 我是格鲁特

一、相应的事件

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进行操作，库介绍