JavaFX TextField OnKeyTyped 无法正常工作

Question

给定

JavaFX 应用，输入TextField 并提交Button

TextField 附加了一个EventHandler，因此如果没有输入文本，Button 应该被禁用，反之亦然。

这是我的代码：

button.setDisable(true); // initially disabled
textField.setOnKeyTyped(new EventHandler<KeyEvent>() {
       @Override
       public void handle(KeyEvent event) {
            if (textField.getText().trim().isEmpty()) { // if blank textfield
                 button.setDisable(true);
            } else {
                 button.setDisable(false); 
             }
        }
});

两个控件都已正确初始化。而据我所知，KeyTyped 和 KeyPressed/Released 的区别在于 Typed 是针对实际可以输入和显示的字符；而 Pressed/Released 适用于任何键盘键，包括 Ctrl、Alt...

问题

我输入textField 一个字符，button 仍然被禁用！如果我输入 2 个或更多字符，它就会启用！

但是，如果我执行以下操作：

button.setDisable(true);
textField.setOnKeyReleased(
    /*
     exact same code as above
    */
);

我的问题会解决的。

问题

为什么？我的代码中的缺陷在哪里？为什么 KeyTyped 不能按预期工作？

Answer 1

问题是：在你处理KeyEvent的时候，不确定你的TextField的textProperty有没有更新。

为TextField 的textProperty 添加一个更简洁、更安全的方法，以便在TextField 的文本更改时收到通知。还想象一下用户粘贴一些内容的用例：在这种情况下根本没有KeyEvent，因此您的Button 仍然处于禁用状态。

在 textProperty() 上使用监听器

button.setDisable(true);
textField.textProperty().addListener((obj, oldVal, newVal) -> {

    if (newVal.trim().isEmpty()) { // if blank textfield
         button.setDisable(true);
    } else {
         button.setDisable(false); 
     }
});

...甚至更短...

button.setDisable(true);
textField.textProperty().addListener((obj, oldVal, newVal) -> button.setDisable(newVal.trim().isEmpty()));

但是，在Button 的disableProperty 和TextField 的textProperty 之间使用绑定的更简洁的解决方案。

使用disableProperty 和textProperty 之间的绑定

BooleanBinding textIsEmpty = Bindings.createBooleanBinding(() -> textField.getText().trim().isEmpty(), textField.textProperty());
button.disableProperty().bind(textIsEmpty);