Shot event when the value in an input is modified

Question

Consider the following:

<input type="text" id="foo" />

I need that, when the value of the input.#foo is changed, without blur, it shot my event. Here comes the problem: I can't use onkey events because the input is dinamically received by a virtual HTML-composed keyboard.

I can easily do, with the true keyboard:

document.querySelector("#foo").addEventListener('keypress', function() {
  // Implementation
});

The W3C recommend using onchange, but onchange only works after the blur event occurs. I need a mix of onkeypress, to be dynamic, on time modify, and onchange, to know when it changes. You can see this: http://jsfiddle.net/zuq733La/

try https://developer.mozilla.org/en/docs/Web/API/MutationObserver — loveNoHate, Oct 10 '14 at 17:52
I can't use keyup. I just don't have a keyboard to shot keyup event. :) — Marcelo Camargo, Oct 10 '14 at 17:54
possible duplicate of [jQuery keyboard events](http://stackoverflow.com/questions/5519936/jquery-keyboard-events) — emerson.marini, Oct 10 '14 at 18:08
The question above might have a _misleading_ title considering what you're trying to achieve, but the answer would work for you. — emerson.marini, Oct 10 '14 at 18:09

score 0 · Answer 1 · answered Oct 10 '14 at 17:55

the only way I can think of (without using blur, change, keypress, keyup or keydown events) is using a setInterval(): DEMO

var value=$('#foo').val();
setInterval(function(){
    if(value!=$('#foo').val()){
        value=$('#foo').val();
        //here you need to write what will happen if the value is changed
    }
},50);

in the DEMO you can see that even if you copy and paste a text (using only your mouse even without blurring the input) the event fires.

score 0 · Accepted Answer · answered Oct 10 '14 at 17:57

0

JS Fiddle

use textInput it will check for every character added

document.querySelector("#foo").addEventListener('textInput', function () {
   alert('Value changed!');
});

answered Oct 10 '14 at 17:57

Vitorino fernandes

15,794
3
20
39

Shot event when the value in an input is modified

2 Answers2