How to track changes in the text of an input field?

Question

JavaScript

The "change" event fires only after the focus is moved from the changed input.
And I want to immediately, as soon as the user climbed something to change.

$("input").on("edit", function() { <br>
  /* добавить в заголовок формы предупреждение "не сохранено" */<br>
  /* заблокировать закрытие окошка по ESC */<br>
});<br>

Answer 1

There is a wonderful jQuery Text Change
plugin www.zurb.com/playground/jquery-text-change-custom-event

Answer 2

I understand that a lot of time has passed, but for the future

$(document).on("input",function(ev){
  console.log($(ev.target).val());
});

catches all changes, including copy-paste

Answer 3

onKeyPress?

Answer 4

input event. It reacts right away:
https://learn.javascript.ru/events-change

Answer 5

onfocus - save the length of the text in the field
onkeyUp - check the length of the text in the field, and if it is not equal, then the text has been changed.

Answer 6

OnInput?

Answer 7

api.jquery.com/change/

Answer 8

I recently had to write something like this for some browser:

setInterval(function(){
    var curVal = $(".someInputs").val();
    var prevVal  = $(".someInputs").data("prevVal") || null;
    

    if (prevVal !== curVal) {
        // value changed
    }
}, 100)

And, I remembered, this is for the case when an insertion took place in the field in one way or another (ctrl + v, through the context menu, etc ...)

Answer 9

I would not forget about pasting text from the clipboard with the mouse.