前言:有时会有要获取剪切板内容的状况,我最开始有这个需求,不事后面放弃了,由于有兼容性的问题,在IE可行,在chrome和firefox不行。查到这篇博客作了兼容处理,就写在这里记录一下。html
正文:chrome
//绑定在了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); } });
参考博客:spa
实现JS复制、粘贴,Chrome/Firefox下可用 - HackerSaillen的专栏 - CSDN博客
https://blog.csdn.net/HackerSaillen/article/details/45694181.net