js操作剪贴板

原创 yehaikuo111 教程 js复习 46阅读 16 天前 举报

在一些剪贴板事件中有6个事件:
1、beforecopy:发生在复制操作之前
2、copy:发生在复制操作时
3、beforecut:发生剪切操作之前
4、cut:发生剪切操作时
5、beforepaste:发生粘贴操作之前
6、paste:发生粘贴操作之时

在触发这些事件的时候会有一个特定的事件对象clipboardData,我们可以通过它来操作剪贴板,它有三个方法:getData()、setData、clearData()//(clearData我在chrome55中调用也不管用,调用以后粘贴的时候直接把事件中的代码粘贴出来了,但是可以间接用setData设置一个空字符变相清空剪贴板)
看名字就可以看出来是什么意思了;
getData()接受一个参数,这个参数用来指明数据格式,分别为'text'和'URL'(注意getData()操作只能在paste事件的时候调用)

setData()接受两个参数,第一个参数指明接受的数据类型,第二个参数指明设置剪贴板的内容,js高程设计第三版里说道如果修改内容成功,则会返回true,否则返回false,但是我实际操作中成功后返回的是个undefined,可能是浏览器版本的原因?(我用的是chrome版本 55.0.2883.87)

下面上代码主要看看修改剪贴板例子:

之前看知乎的时候,我复制它的文章,它总是会在最后给我加上作者和版权说明的,现在终于明白怎么回事了,哼哼,当然这只是其中一个用法,还可以用于验证用户粘贴的数据(getData),或者禁止用户复制等操作

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复