jQuery: observando alterações nodevalue
Eu quero assistir a alteração nodeValue de um elemento que é editado com contenteditable. Basicamente, eu quero executar uma função na alteração do valor do nó.
Eu encontrei este post:http://james.padolsey.com/javascript/monitoring-dom-properties/
Que parece ter um plugin para o que eu quero.
Aqui está o plug-in de observação:
jQuery.fn.watch = function( id, fn ) {
return this.each(function(){
var self = this;
var oldVal = self[id];
$(self).data(
'watch_timer',
setInterval(function(){
if (self[id] !== oldVal) {
fn.call(self, id, oldVal, self[id]);
oldVal = self[id];
}
}, 100)
);
});
return self;
};
Por exemplo, posso ver o valor de uma entrada assim:
$('#input').watch('value', function(propName, oldVal, newVal){
$("#text").text(newVal);
});
Mas não é um valor de referência do conteúdo editável (seu conteúdo de texto):
$('#ce').watch('nodeValue', function(propName, oldVal, newVal){
$("#text").text(newVal);
});
Aqui está o exemplo ao vivo:
Alguém sabe como adaptar o método do relógio para trabalhar com o valor do nódulo. Obrigado!