檢測如果文本被插入到輸入字段的jQuery然後運行的函數

Question

我有被設定由HTML屬性readonly我正在使用jquery .html()方法插入文本到該字段爲只讀的輸入字段

<input type="text" id="myField" readonly="readonly" /> 

現在我有一個功能myFunction()，我希望它被稱爲有史以來通過jquery插入到該字段的文本

在此先感謝您的幫助！

Answer 1

達到你需要，你可以設置使用val()的價值是什麼，然後觸發change事件，你可以連接一個事件處理程序：

$('button').click(function() { 
 
    $('#myField').val('foo').trigger('change'); 
 
}); 
 

 
$('#myField').change(function() { 
 
    console.log('value changed...'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="myField" readonly="readonly" /> 
 

 
<button>Set value</button>

Answer 2

我希望這會幫助你...

<input type="text" id="myField" readonly="readonly" value=""/> 

<script> 
$('#myField').on('change', function(){ 
     if($('#myField').val()!=""){ 
     myFunction(); 
     } 
}); 
</script>