怎樣的addEventListener到一個只讀輸入標籤

Question

這樣

HTML：

<input readonly="readonly" /> 

javaScirpt：

$('input').on('change', function() { 
    alert(this.val()); 
}); 

Answer 1

您必須手動觸發，當你改變了輸入的值更改事件通過JavaScript。 觀看演示：

var i=0; 
 
$('input').on('click',function(){ 
 
    i++; 
 
    $(this).val(i); 
 
    $(this).trigger('change'); 
 
}); 
 
$('input').on('change', function() { 
 
    alert($(this).val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
 
<input readonly="readonly" />