前言:有時會有要獲取剪切板內容的狀況,我最開始有這個需求,不事後面放棄了,由於有兼容性的問題,在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