码迷,mamicode.com
首页 > Web开发 > 详细

js修改剪切板内容的方法

时间:2017-12-04 19:11:15      阅读:280      评论:0      收藏:0      [点我收藏+]

标签:false   oar   内容   nbsp   clipboard   highlight   ext   get   用户   

代码如下:

    //绑定在了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修改剪切板内容的方法

标签:false   oar   内容   nbsp   clipboard   highlight   ext   get   用户   

原文地址:http://www.cnblogs.com/mmykdbc/p/7977985.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!