Javascript 隐藏依赖于文本框值长度的DIV内容

我试图根据按键时文本框值的长度在div中隐藏一些内容。然而，这是行不通的。退格键是否不被视为按键

如果您查看下面的JSFIDLE，在文本框中键入内容后，信息框应该会显示出来，然后在删除所有内容后，信息框应该会消失

---

首先，这把小提琴有个错误：

if ($('.textBox').val().length < 1) {       
    $('.infoBox').fadeOut(600); 
});

应该是

if ($('.textBox').val().length < 1) {       
    $('.infoBox').fadeOut(600); 
}

---

其次，改用keyup-

keypress事件在值更新之前触发。使用keyup代替-您的小提琴有额外的偏执，这会导致错误，请参阅错误控制台。

if ($('.textBox').val().length < 1) {       
    $('.infoBox').fadeOut(600); 
}