JavaScript-如何在我的网页中自动粘贴剪贴板内容-堆栈溢出

顺晟科技

2022-10-19 13:29:16

123

我希望客户机的剪贴板内容在打开URL的那一刻自动粘贴到textarea中。

我连点击都做不到，到处找都找不到结果。这是我尝试的版本之一:

<!DOCTYPE html>
<html>
    <body>

        <input type="textarea" id="demotext" value=" " size="40" />
        <button onclick="PasteFunction()">Paste text</button>

        <script>
function PasteFunction() {
  document.getElementById("demotext").innerHTML=window.clipboardData.getData('Text');
}
        </script>

    </body>
</html>

如果您知道我最终目标的完整描述，并能提出一个更聪明的替代方案，可能会更好:

我希望将Excel数据从客户端连接到web应用程序，而不需要用户手动粘贴数据。当剪贴板内容被手动粘贴到我的textarea中时，我的web应用程序将被触发。

Excel外接程序可以引导用户手动复制他的数据并访问到我的web应用程序的URL，这部分很好。一旦他在那里，数据将被自动粘贴，web应用程序将启动。如果使用服务器端有一个更简单的解决方案，我可以考虑使用Flask，但我不希望将用户数据带到服务器。

顺晟科技：

您可以尝试that

但是...只是在Chrome66或更高版本中工作，需要用户许可 .

您可以使用剪贴板API

不通过实例化创建剪贴板对象，而是通过导航器访问系统剪贴板。Clipboard global:

<!DOCTYPE html>
<html>
    <body>

        <input type="textarea" id="demotext" value=" " size="40" />
        <button onclick="PasteFunction()">Paste text</button>

        <script>
function PasteFunction() {
  document.getElementById("demotext").innerHTML=window.clipboardData.getData('Text');
}
        </script>

    </body>
</html>

上一篇：html-使用JavaScript- 下一篇：PHP-Heredoc到底是如何处理

网站建设

Html

JavaScript-如何在我的网页中自动粘贴剪贴板内容-堆栈溢出