【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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM