Ich habe den folgenden Code, mit dem ein Textfeld simuliert wird:

<label for="alertCmpVal">ALERT VALUE:</label>
<span class="center textBox displayField highlight" id="alertCmpVal" contenteditable> <?php print $alert_val;?> </span>

Ich muss wissen, wann sich der Inhalt ändert, z. Ich klicke darauf und ändere es von 0 auf 1.

Ich habe es versucht

$(document).ready(function() 
{
    $(document.body).on('change','#alertCmpVal',function()
    {   
        alert("boo");
        $('#alertCmpVal').removeClass('highlight');
    })
}

aber das scheint nicht zu funktionieren.

(n.b.$(document.body) wird verwendet, weil auf meiner Hauptseite das Anfangsfeld dynamisch geladen wird.)

Ich schätze, es ist die 'Veränderung', die es nicht mag, aber nicht sehen kann, durch was es ersetzt werden soll. (jQuery / HTML5 ist in Ordnung, da es nur intern verwendet wird).

Ich habe ein paar Beispiele gesehen, aber sie scheinen im Allgemeinen für komplexere Szenarien zu sein, die mehrere Funktionen erfordern, um die Änderung zu erkennen, wenn bestimmte andere Dinge auftreten, aber ich denke, es muss eine einfachere Lösung ähnlich deron change Methode