jQuery live（）替代方案

Question

当输入为空时，我希望它有一个红色轮廓（因此用户知道他错过了该字段）。

当输入不为空时 - 根本没有轮廓。

问题是，只有在我将输入空并单击其他地方后才会显示轮廓。

只是尝试删除#input和不要点击。

http://jsfiddle.net/qUJ7K/

将live（）更改为blur（）无济于事。

有什么想法吗？

Answer 1

您应该使用keyup表示每按一次键检查输入字段的按键。

工作demo。

有关键盘事件的更多信息：

• http://api.jquery.com/category/events/keyboard-events/

Answer 2

将bind与keyup一起使用。

var $el = jQuery("#input");

$el.bind('keyup', function() {
    if ($el.val() != '') {
        $el.css('outline', '0');
    } else {
        $el.css('outline', 'solid 5px red');
    }
});

http://jsfiddle.net/qUJ7K/1/