Why does object.observe not work for the value property of an input field?

Question

I played with Object.observe in the latest version of Chrome and wondered why it does not work for the value property for text input. The code below will record a change to add / change the 'foo' property, but not to change the value property. Does anyone know why?

var myTextInput = document.getElementById('myTextInput'); Object.observe(myTextInput, function(changes){ changes.forEach(function(change) { console.log(change); }); }); myTextInput.value = 'test123'; myTextInput.foo = 'bar'; 

Answer 1

I'm not sure why this is so, but since you are observing the attributes of a DOM element, a mutation observer api might be more appropriate.