Enter press event for vaadin 10 TextField

Question

Is there any specific way to add shortcut Listener for the Enter Key on a specific TextField element in Vaadin Flow. The documentation is silent about this.

Answer 1

I guess you are not actually looking for a ”shortcut” key but to react to enter presses when the focus is inside the field? If so, see KeyNotifier and e.g. addKeyPressListener.

It is also possible to listen to any DOM event using the element API, e.g.

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