java - vaadin 14 中复制到剪贴板组件

Question

我想复制到 vaadin 14 中的剪贴板组件，否则我该如何准备？

我想在 Vaadin 中编写一个按钮，用于复制特定 Vaadin 小部件(例如 TextField)的文本内容，将该文本放置到操作系统的剪贴板上，以便用户稍后可以将该文本粘贴到其他位置(可能是另一个应用程序中)

Answer 1

一些背景:浏览器可能会对哪些类型的内容可以通过编程方式复制到剪贴板进行一定程度的保护。为了保持操作在所有浏览器上正常运行，复制的内容必须来自 DOM 中的可见元素，并且复制到剪贴板操作必须作为用户操作的直接结果发生，例如鼠标单击或键盘事件。换句话说，您不能只执行一个简单的 JavaScript 函数来将内容复制到剪贴板。

要在 Vaadin 14 中实现此功能，这里有一个可以帮助您的附加组件:https://vaadin.com/directory/component/clipboardhelper/overview

使用示例:

        Button button = new Button("click this button to copy some stuff to the clipboard");
        ClipboardHelper clipboardHelper = new ClipboardHelper("some stuff", button);
        add(clipboardHelper); // ClipboardHelper wraps the Button

相关来源可以在这里找到: https://github.com/OlliTietavainenVaadin/clipboardhelper/blob/master/src/main/resources/META-INF/resources/frontend/clipboard-helper.js