How to detect change in input value with active readonly

Question

HTML:

<!-- Campo preenchido com retorno AJAX -->
<input type="text" name="estado-cliente" hidden id="estado-cliente"  readonly="readonly"/>

How do I stop detecting any change in value?

Note: the value is added and changed via JS

Unsuccessful with the excerpt below:

$("#estado-cliente").bind("change paste keyup", function() {});

Answer 1

Add in your Javascript the following

$("#estado-cliente').on('change', function () {
  alert("Estão tentando alterar");
});

Answer 2

Try to put this jQuery to run at the beginning of the page:

$(document).ready(function () {   
   $('input#estado-cliente').bind("change", function () {
      alert($(this).val());
   });
});

If you need to simulate the exchange of values:

$('#estado-cliente').val('teste').change();
// Senão funcionar da forma acima tente assim
$('#estado-cliente').val('teste').trigger('change');