【JS】【7】获取粘贴板的内容

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

相关文章
相关标签/搜索