jQuery - 输入值达到一定长度后立即执行操作

Question

所以我有一个输入字段，有人会在一年内投入。我希望jQuery在div AS中淡入，因为输入值长度= 4.或者换句话说，只要输入达到其最大长度。

下面的方法有效，但是一旦你用4个字符填充它就必须在输入框的外面点击，以便看到div淡入。如何让jQuery几乎观察输入并在maxlength上做一些事情到达了吗？

HTML：

<input type="text" id="year" placeholder="YYYY" maxlength="4" size="4">

jQuery：

$("#year").change(function () {

     if ($(this).val().length === 4 ) {

         $("div").fadeIn("slow");

     }
});

Answer 1

你需要听一下keyup事件。当用户在键盘上释放键时，键盘事件被发送到元素。当输入失去完全焦点时触发更改事件

$("#year").keyup(function () {

     if ($(this).val().length === 4 ) {

         $("div").fadeIn("slow");

     }
});