Jqueryがブートストラップ・モーダルで機能していません

Question

jqueryでイベントをトリガーするのに問題があります。私はブートストラップのモーダル入力フィールドにon changeイベントを設定しています。モーダルを閉じたときにイベントがトリガされます。モーダルが開いていてもトリガします。助けてください。おかげ

<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

がblur()イベント

$(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>

で試してみてください0