zoukankan      html  css  js  c++  java
  • 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的方法去获得剪切板里面的内容
    缺点:我没法获取到复制的信息,显示不出来,求大神来解答
  • 相关阅读:
    Vue 02
    Vue 初识
    复杂数据类型之函数 对象
    Collections工具类
    遍历集合的方法总结
    使用Iterator迭代器遍历容器元素(List/Set/Map)
    TreeSet的使用和底层实现
    HashSet基本使用
    HashSet底层实现
    TreeMap的使用和底层实现
  • 原文地址:https://www.cnblogs.com/mmykdbc/p/7977985.html
Copyright © 2011-2022 走看看