js修改剪切板内容的方法
Posted 明明一颗大白菜
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js修改剪切板内容的方法相关的知识,希望对你有一定的参考价值。
代码如下:
//绑定在了body上,也可以绑定在其他可用元素行,但是不是所有元素都支持copy事件。 $(document.body).bind({ copy: function(e) {//copy事件 let cpTxt = "复制的数据"; let clipboardData = window.clipboardData; //for IE if (!clipboardData) { // for chrome clipboardData = e.originalEvent.clipboardData; } let result = clipboardData.getData("text")+":"+cpTxt; //e.clipboardData.getData(‘text‘);//可以获取用户选中复制的数据 clipboardData.setData(‘Text‘, result); $(‘p‘).text(result); return false;//否则设不生效 }
在IE里面,直接调用window.clipboardData对象即可对剪切板里面的数据进行操作(IE的良心之处),但是对于库容和火狐来说就没这么友好,也是为了安全着想的原因,但是可以使用
e.originalEvent.clipboardData的方法去获得剪切板里面的内容
缺点:我没法获取到复制的信息,显示不出来,求大神来解答
以上是关于js修改剪切板内容的方法的主要内容,如果未能解决你的问题,请参考以下文章
js 剪切板的用法(clipboardData.setData)