为什么此代码有“一次性错误”？

Question

我正在构建一个GWT组件，其行为非常像这里在stackoverflow和其他网站上的评论框。我试图注册监听器KeyPress，Change和ONPASTE事件，将更新我的剩余字符数状态行等

它的工作原理，除了它始终是落后于文本区域中的字符的实际数目的一个字符。我将最大字符数设置为10.当我输入第一个字符时，仍然会显示“剩余10个字符”。它不更新状态行，直到我键入第二个字符，然后它是一个关闭，它表示键入第二个字符时剩余9个字符。

当我BACKSPACE或DELETE，它也是一关，当没有字符，还在说“剩下的9个字”，直到我按下BACKSPACE或DELETE第二次。

我在Windows上的Firefox，Chrome和Internet Explorer中都出现此行为。所以我认为我没有正确注册。

我知道这与事件被解雇时有关系，但我花了几个小时试图诊断这种行为并且已经用完了想法。

这里是我注册事件处理程序的地方，完整的代码是BoundedTextAreaWithFeedback。

private void registerHandlers() 
{ 
    final BoundedTextAreaWithFeedback outer = this; 
    this.textArea.addChangeHandler(new ChangeHandler() 
    { 
     public void onChange(final ChangeEvent changeEvent) 
     { 
      outer.validate(); 
     } 
    }); 
    this.textArea.addKeyPressHandler(new KeyPressHandler() 
    { 
     public void onKeyPress(final KeyPressEvent keyPressEvent) 
     { 
      outer.validate(); 
     } 
    }); 
    this.panel.addFocusHandler(new FocusHandler() 
    { 
     public void onFocus(final FocusEvent focusEvent) 
     { 
      outer.textArea.setFocus(true); 
     } 
    }); 

    // capture paste events 
    this.textArea.sinkEvents(Event.ONPASTE); 
} 

这里是validate()方法。

private boolean validate() 
{ 
    final boolean isValid; 
    final int len = this.textArea.getText().length(); 
    if (len < this.minLength) 
    { 
     this.status.setText("Enter at least " + this.minLength + " characters."); 
     this.status.setStyleName("input-status-underflow"); 
     isValid = false; 
    } 
    else if (len > this.maxLength) 
    { 
     this.status.setText(this.maxLength - len + " characters remaining"); 
     this.status.setStyleName("input-status-overflow"); 
     isValid = false; 
    } 
    else 
    { 
     this.status.setText(this.maxLength - len + " characters remaining"); 
     this.status.setStyleName("input-status-ok"); 
     isValid = true; 
    } 
    return isValid; 
} 

Answer 1

我刚刚开始添加每个addXXXHandler()，直到有人工作。

this.textArea.addKeyUpHandler(new KeyUpHandler() 
{ 
    public void onKeyUp(final KeyUpEvent event) 
    { 
     outer.validate(); 
    } 
}); 

似乎已经做到了。

这里是working code,CTRL-V和从上下文菜单粘贴也现在工作。

Answer 2

尝试使用DeferredCommand来执行验证码。我认为问题在于，当事件触发时，他们的字符是还没有添加到文本区域。直到任何待处理的事件处理程序完成后，DeferredCommand才会执行，从而允许正确计算文本的长度。

有关使用DeferredCommand的示例，请参阅this question。