jQuery - Detecta alteração no conteúdo de um campo SPAN
Eu tenho o trecho de código abaixo que é usado para simular uma caixa de texto:
<label for="alertCmpVal">ALERT VALUE:</label>
<span class="center textBox displayField highlight" id="alertCmpVal" contenteditable> <?php print $alert_val;?> </span>
Preciso saber quando o conteúdo muda, por exemplo Clico nele e mudo de 0 para 1.
Eu tentei:
$(document).ready(function()
{
$(document.body).on('change','#alertCmpVal',function()
{
alert("boo");
$('#alertCmpVal').removeClass('highlight');
})
}
mas isso não parece funcionar.
(n.b.$(document.body
) é usado porque, na minha página principal, o campo inicial é carregado dinamicamente)
Eu estou supondo que é a 'mudança' que não gosta, mas não consigo ver o que substituí-lo. (jQuery / HTML5 é bom, pois é usado apenas internamente).
Eu já vi alguns exemplos, mas eles geralmente parecem ser para cenários mais complexos, exigindo várias funções para detectar a mudança quando ocorrem outras coisas, mas acho que deve haver uma solução mais simples, semelhante àon change
método.