jQuery：如何使用 on('copy', ...) 将数据复制到剪贴板 [重复]答案

【问题标题】：jQuery: How to get the data copied to clipboard using on('copy', ...) [duplicate]jQuery：如何使用 on('copy', ...) 将数据复制到剪贴板 [重复]
【发布时间】：2016-07-12 04:21:36
【问题描述】：

我正在使用以下事件，该事件在用户将数据从页面复制到剪贴板时触发。但是，我似乎无法获得复制数据的内容。有可能吗？

$(document).on('copy', function(e){ 
    console.log(e);
});

我使用 Chrome 的检查器检查了对象 e。有一个名为origionalEvent 的属性，它有一个属性origionalText。这似乎只包含复制文本的第一行。

也许我遗漏了一些明显的东西，但我似乎无法弄清楚如何复制数据。

有可能吗？

【问题讨论】：

标签： javascript jquery

【解决方案1】：

如果已选择要复制的内容，这将在复制事件发生时为您获取所选内容：

$(document).on('copy', function(e){ 
    console.log(window.getSelection().toString());
    });

【讨论】：

【解决方案2】：

试试看：

<html>
    <head></head>
    <body>
        <p>This is test</p>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script>
            $("p").on("copy",function(){
                var sel = document.getSelection();
                alert(sel);
            })
        </script>
    </body>
</html>

【讨论】：