jQuery live() alternative

Question

当输入为空时，我希望它有一个红色的轮廓(这样用户就知道他错过了字段)。

当输入不是空的时候-应该没有轮廓。

问题是，只有在保留输入为空的并单击其他之后，才会出现大纲。

只需尝试删除#input，就不会单击。

http://jsfiddle.net/qUJ7K/

将live()改为blur()没有帮助。

有什么想法吗？

Answer 1

您应该使用keyup，它指示每次按键时检查输入字段的键按。

工作演示。

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

• 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/