【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