JS获取粘贴板的内容

Posted 2021-11-27 huashengweilong

前言：有时会有要获取剪切板内容的情况，我最开始有这个需求，不过后面放弃了，因为有兼容性的问题，在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