JavaScript监听Ctrl+V粘贴同时抓取剪切板内容

最新推荐文章于 2024-07-16 10:03:12 发布

独行无仆从

最新推荐文章于 2024-07-16 10:03:12 发布

阅读量2.1k

点赞数

分类专栏：个人学习 JavaScript 文章标签： js

本文链接：https://blog.csdn.net/weixin_45363630/article/details/116019645

版权

个人学习同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

JavaScript

7 篇文章 0 订阅

订阅专栏

本文介绍了如何在JavaScript中安全地监听用户Ctrl+V粘贴操作，并在用户允许的情况下获取剪切板内容。这种方法仅在用户执行粘贴时触发，遵循隐私保护原则，适用于谷歌、火狐、Edge等主流浏览器。代码示例展示了如何处理字符串和文件类型的数据。

摘要由CSDN通过智能技术生成

JavaScript监听Ctrl+V粘贴同时抓取剪切板内容

要是能够直接获取用户的剪切板是极为恐怖的事，那用户将没有任何隐私，所以这代码不是强行读取剪切板，而是在用户按下Ctrl+V粘贴操作之后才进行对剪切板的一个获取，代码适用于市面上主流浏览器，谷歌，火狐，Edge等一系列浏览器。

window.addEventListener("paste", function (e) {
            if (!(e.clipboardData && e.clipboardData.items)) {
                return;
            }
            for (var i = 0, len = e.clipboardData.items.length; i < len; i++) {
                var itemz = e.clipboardData.items[i];
                if (itemz.kind === "string") {
                	itemz.getAsString(function (str) {
                	alert(str);
                }
                else if (itemz.kind === "file") {
                    var pasteFile = itemz.getAsFile();
                }