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