如何在Vaadin中以编程方式模拟键盘按键操作？

可以模拟键盘按下事件，以下是两种实用方案，同时解释你遇到的问题原因：

一、客户端JavaScript模拟（还原用户真实操作） #

因为Vaadin的组件事件（比如值变更）是从客户端触发后同步到服务器的，用JS模拟完整的按键流程，和用户手动操作效果完全一致：

1. 先给TextField设置客户端ID，方便JS定位：

TextField textField = new TextField();
textField.setId("target-input");

2. 执行JS代码模拟回车键的按下与释放：

Page.getCurrent().executeJs("""
    const input = document.getElementById('target-input');
    // 触发keydown事件
    const keydownEvent = new KeyboardEvent('keydown', {
        key: 'Enter',
        code: 'Enter',
        bubbles: true,
        cancelable: true
    });
    input.dispatchEvent(keydownEvent);
    // 触发keyup事件，确保完整的按键生命周期
    const keyupEvent = new KeyboardEvent('keyup', {
        key: 'Enter',
        code: 'Enter',
        bubbles: true,
        cancelable: true
    });
    input.dispatchEvent(keyupEvent);
""");

这种方式会触发TextField的所有关联事件（包括值变更），和手动按回车的逻辑完全一致。

二、服务器端手动触发事件（无需JS） #

如果不想依赖客户端代码，也可以在服务器端直接触发值变更事件，只需标记事件来自用户交互：

TextField textField = new TextField();
// 先更新值（比如添加换行符）
String newValue = textField.getValue() + "\n";
textField.setValue(newValue);
// 手动触发值变更事件，第三个参数true表示事件来自用户交互
textField.fireEvent(new ValueChangeEvent<>(textField, textField.getOldValue(), true));

为什么编程加换行不触发事件？ #

直接调用setValue()仅修改服务器端的组件值，默认不会触发ValueChangeEvent；即使开启了自动触发（比如设置ValueChangeMode.EAGER），事件也会被标记为非用户交互触发，和手动按键的事件上下文不同，所以不会走相同的逻辑分支。

内容的提问来源于stack exchange，提问作者samwatts