Input event not working if value is changed with jQuery val() or JavaScript

Question

If I change the value of an input field programmatically, the input and change events are not firing. For example, I have this scenario:

Answer 1

There are some ways on how to achieve it. Here, you can use the levelup HTML's oninput() event that occurs immediately when an element is changed and call the function.

Change value

.

var input = $("#myinput");

function sample_func(){
  alert(input.val());
}

$('#change').click(function() {
  input.val(input.val() + 'x');
});

---

Or this jQuery, input thing (just related to above example).

Change value

.

var input = $("#myinput");

input.on("input", function() {
  alert(input.val());
});

$('#change').click(function() {
  input.val(input.val() + 'x');
});

---

You can also use javascript setInterval() which constantly runs with a given interval time. It's only optional and best if you're doing time-related program.

Change value

.

var input = $("#myinput");

setInterval(function() { ObserveInputValue(input.val()); }, 100);

$('#change').click(function() {
  input.val(input.val() + 'x');
});