javascript - 根据文本框值长度隐藏 DIV 内容

Question

我试图根据按键时文本框值的长度隐藏 div 中的一些内容。但这不起作用。退格键不被视为按键吗？

如果您查看下面的 JSFIDDLE，在文本框中输入内容后，信息框应该显示，然后在删除所有内容后应该消失。

JSFIDDLE

$(function () {
    $('.textBox').keypress(function (e) { 
        if ($('.textBox').val().length < 1) {       
            $('.infoBox').fadeOut(600); 
        } else {
            $('.infoBox').fadeIn(600);
        }; 
    });
});

Answer 1

首先，这个 fiddle 有一个错误:

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

应该是

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

其次，使用 keyup() 代替 - http://jsfiddle.net/ajthomascouk/BBu9P/