Jquery on function not working in a bootstrap modal

Question

im having trouble triggering an event in jquery. Thing is i have set an on change event on a bootstrap modal input field. The event triggers when i close my modal, i want it to trigger even when modal is open. Please help. Thanks

<div class="modal-body">
    <div class="col-md-6">
        <p>
        <span><strong> Current Password:</strong></span>                                                    
        <input type="password" class="form-control" id="curr-pass" placeholder="Enter Current Password" name="pass" required />
        </p>
    </div>
</div>

main.js

$(document).ready(function(){
    $(document).on("change","#curr-pass",function(){
        var password = $(this).val();
        console.log(password);
    });
});

Answer 1

使用onBlur或KeyUp事件，而不要使用“更改”。

Answer 2

Try with blur() event

 $(document).ready(function(){ $(document).on("blur","#curr-pass",function(){ var password = $(this).val(); console.log(password); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="modal-body"> <div class="col-md-6"> <p> <span><strong> Current Password:</strong></span> <input type="password" class="form-control" id="curr-pass" placeholder="Enter Current Password" name="pass" required /> </p> </div> </div>