【JS】【7】获取粘贴板的内容

前言:有时会有要获取剪切板内容的情况,我最开始有这个需求,不过后面放弃了,因为有兼容性的问题,在IE可行,在chrome和firefox不行。查到这篇博客做了兼容处理,就写在这里记录一下。

正文:

//绑定在了body上,也可以绑定在其他可用元素上,但是不是所有元素都支持copy和past事件。
$(document.body).bind({
    copy: function(e) {//copy事件
        var cpTxt = "复制的数据";
        var clipboardData = window.clipboardData; //for IE
        if (!clipboardData) { // for chrome
            clipboardData = e.originalEvent.clipboardData;
        }
        //e.clipboardData.getData('text');//可以获取用户选中复制的数据
        clipboardData.setData('Text', cpTxt);
        alert(cpTxt);
        $('#message').text('Copy Data : ' + cpTxt);
        return false;//否则设不生效
    },paste: function(e) {//paste事件
        var eve = e.originalEvent
        var cp = eve.clipboardData;
        var data = null;
        var clipboardData = window.clipboardData; // IE
        if (!clipboardData) { //chrome
            clipboardData = e.originalEvent.clipboardData
        }
        data = clipboardData.getData('Text');
        $('#message').html(data);
    }
});

参考博客:

实现JS复制、粘贴,Chrome/Firefox下可用 - HackerSaillen的专栏 - CSDN博客
https://blog.csdn.net/HackerSaillen/article/details/45694181

posted @ 2019-05-04 13:54  花生喂龙  阅读(5241)  评论(0编辑  收藏  举报