jQuery - Détecter les changements dans le contenu d'une DURÉE de champ

J'ai le dessous de morceau de code qui est utilisé pour simuler une zone de texte:

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

J'ai besoin de savoir si le contenu change, par exemple je clique sur elle, et de le modifier de 0 à 1.

J'ai essayé:

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

mais cela ne semble pas fonctionner.

(n.b. $(document.body) est utilisé parce que sur ma page principale, le champ initial est chargé dynamiquement)

Je suppose que c'est le "changement" qu'il n'aime pas, mais ne peut pas voir ce qui pour le remplacer. (jQuery /HTML5 est très bien, car il est utilisé uniquement en interne).

J'ai vu quelques exemples, mais ils semblent généralement pour des scénarios plus complexes, nécessitant de multiples fonctions pour détecter le changement que dans certaines autres choses se produisent, mais je suppose que il doit y avoir une solution plus simple similaire à la on change méthode.

Ayez la gentillesse d'accepter une réponse qui convient à vos besoins. Il y a presque un an. Vous n'avez pas mieux?

OriginalL'auteur IGGt | 2015-06-23

  1. -7

    je pense que ce code va vous aider. 

    $(document).ready( function() {
    $('#myId').bind( "contentchange", function(){
        alert("Changed");
    });

    $( "#btn" ).click( function () {
        $('#myId').html( "Value" ).trigger( "contentchange" );
    });
});

    http://jsfiddle.net/RKLmA/192/

    Ce n'est pas la détection d'un changement de contenu dans une durée qui est ce que la question est.

    OriginalL'auteur Ankit Kathiriya