javascript - 为什么 jQuery 的 .change() 事件只在鼠标右键单击时触发？

Question

当我修改输入元素时，jquery 的 .change() 事件出现问题。据说，每当我对上述元素进行实时更改时，此事件都会触发。但就我而言，它只会在我按下右键单击按钮后触发。这是我在 laravel 框架上的代码:

HTML:

<div class="form-group">
    <label for="verifyPassword"><h4>Verify Password:</h4></label>
    {{ Form::password('password',array('class'=>'span3 form-control', 'id'=>'verify-password', 'placeholder'=>'Verify Password')) }}
</div>

JS:

$(document).ready(function(){
        $( "#verify-password" ).change(function() {
          alert( "Text Changed!" );
        });
});

希望有人能帮我找出乱七八糟的地方，让我找到完美的解决方案。谢谢。

Answer 1

对于文本字段，change 事件不会触发，直到元素失去焦点(并且已对其值进行更改)。

来自 API:

For select boxes, checkboxes, and radio buttons, the event is fired immediately when the user makes a selection with the mouse, but for the other element types the event is deferred until the element loses focus.

如果您需要立即知道值何时更改，请使用 keyup 或 keypress。