vaadin - 输入 vaadin 10 TextField 的新闻事件

Question

是否有任何特定方法可以在 Vaadin Flow 中的特定 TextField 元素上为 Enter 键添加快捷方式侦听器。文档对此保持沉默。

Answer 1

我猜您实际上并不是在寻找“快捷键”，而是在焦点位于字段内时对输入做出反应？如果是这样，请参阅 KeyNotifier 和例如 addKeyPressListener。

也可以使用元素 API 监听任何 DOM 事件，例如

textField.getElement().addEventListener("keyup", e -> { 
    System.out.println("Value is now: " + 
        e.getEventData().getString("element.value"));
}).addEventData("element.value").setFilter("event.keyCode == 13");

Answer 2

在Vaadin 目录中有一个用于 Vaadin 10 的 UI Web 组件。它称为快捷方式。用法很简单：

Shortcut.add(messageField, Key.ENTER, sendButton::click);

您还可以像这样添加修饰键：

Shortcut.add(messageField, Key.ENTER, sendButton::click, Key.SHIFT);