如何将EventListener添加到只读输入

Question

将事件监听器附加到只读输入后，如果我以编程方式更改输入值，则change事件不会触发。

像这样

HTML：

 <input readonly="readonly" />

的javascript：

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

$('input').val('some value');

Answer 1

当您通过javascript更改输入值时，必须手动触发更改事件。 看演示：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;