• 【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

  • 相关阅读:
    P6585 中子衰变
    [APIO2020]有趣的旅途
    CF1354F Summoning Minions
    CF1361C Johnny and Megan's Necklace
    CF1368E Ski Accidents
    CF1458C Latin Square
    CF1368F Lamps on a Circle
    用户和组的管理
    Windows命令
    1
  • 原文地址:https://www.cnblogs.com/huashengweilong/p/10807192.html
Copyright © 2020-2023  润新知