在 chrome 中，使用 window.Clipboard 对象，有没有办法捕获粘贴的文本?

2022-01-20 00:00:00 复制 paste google-chrome clipboard javascript

您可以捕获图像.我想弄清楚如何捕获文本.出于安全原因，我猜没有，但我想确定一下.

You can capture an image. I am trying to figure out how to capture text. I'm guessing there isn't, for security reasons, but I wanted to make sure.

还有这些东西的参考吗?window.Clipboard 对象不是 v8 引擎的一部分，它是 chrome 浏览器的一部分，我找不到它的官方文档.

Also is there a reference for this stuff? window.Clipboard object isn't part of the v8 engine, it's a part of the chrome browser and I can't find official documentation for it.

推荐答案

在您链接的代码中有一个 pasteHandler 函数，其内容如下:

In the code you linked there is a pasteHandler function with the following:

// Get the items from the clipboard
        var items = e.clipboardData.items;
        if (items) {
            // Loop through all items, looking for any kind of image
            for (var i = 0; i < items.length; i++) {
                if (items[i].type.indexOf("image") !== -1) {
                    // We need to represent the image as a file,
                    var blob = items[i].getAsFile();
                    // and use a URL or webkitURL (whichever is available to the browser)
                    // to create a temporary URL to the object
                    var URLObj = window.URL || window.webkitURL;
                    var source = URLObj.createObjectURL(blob);

                    // The URL can then be used as the source of an image
                    createImage(source);
                }
            }
        }

Chrome 开发者框架告诉我 items[i] 是 DataTransferItem (参考)

Chrome developer frame is telling me that items[i] is a DataTransferItem (reference)

在参考页面上，我看到了一个 kind 属性和一个 getAsString() 方法.后者似乎需要一个接收文本作为参数的回调函数.因此，要使用上述脚本处理文本值，您可以修改我链接的部分，如下所示:

On the reference page I see a kind property and a getAsString() method. The latter seems to require a callback function that receives the text as a parameter. So to handle text values using the above script you might modify the section I linked as follows:

// Get the items from the clipboard
        var items = e.clipboardData.items;
        if (items) {
            // Loop through all items, looking for any kind of image
            for (var i = 0; i < items.length; i++) {
                if (items[i].type.indexOf("image") !== -1) {
                    // We need to represent the image as a file,
                    var blob = items[i].getAsFile();
                    // and use a URL or webkitURL (whichever is available to the browser)
                    // to create a temporary URL to the object
                    var URLObj = window.URL || window.webkitURL;
                    var source = URLObj.createObjectURL(blob);

                    // The URL can then be used as the source of an image
                    createImage(source);
                } 
                if (items[i].kind === "string"){
                    items[i].getAsString(function(s) {
                        alert(s);
                    });
                }
            }
        }

相关文章