Monitorar alterações no código html

On 22 de março de 2012, in jQuery, by andersonstraube

Precisei fazer um monitoramento em um determinado código html, ou seja, se o conteúdo de uma div foi alterada por exemplo eu gostaria de receber uma notificação e/ou executar uma rotina quando isso acontecer. Foi então que lembrei do Pattern Observer, porém havia uma particularidade no meu código onde eu não poderia alterar o elemento “Subject” para notificar nos demais objetos que estavam observando, porém a idéia e/ou lógica era mais ou menos por aí.

Encontrei um plugin jQuery bem interessante onde ele fica monitorando o elemento informado e tem um callback quando ocorrer uma alteração no seu conteúdo: monitor (jQuery plugin).

Para utilizá-lo basta informar qual é o elemento e a propriedade que deseja monitorar, no exemplo abaixo ele vai imprimir no console quando houver uma alteração no valor do campo “#nome”.


$.monitor('add', function(){ return $("#nome").val() }, function(){
    console.log('Nome alterado');
});

#FicaDica

Tagged with:  

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *