Cómo detectar el evento de cambio de contenido en un div

Estoy tratando de hacer que un editor funcione bien hasta ahora, pero ahora necesito hacer un controlador que pueda detectar cualquier cambio realizado en un div o cualquier contenido editado en el div

  
Insert Image from gallery Upload image to gallery Heading
$(document).ready(function(){ $('#iheading').click(function(){ $('#product_descriptioncontent').append('

Heading

'); }); $('#iimg').click(function(){ $('#imc').load('imagegallery.php',function(){ $('#gallery img').on('click',function(){ $('#product_descriptioncontent').append('
 '); }); }); }); $('#product_descriptioncontent').change(function(){ alert("pppp");// how to capture this event }); });

He puesto un poco de mi código en jsfiddle http://jsfiddle.net/bipin000/UJvxM/1/ gracias por tu valioso tiempo

¿Te gusta este? http://jsfiddle.net/Ralt/hyPQC/

 document.getElementById( 't' ).onkeypress = function( e ) { var evt = e || window.event alert( String.fromCharCode( evt.which ) ) }​ 

No está esperando un evento de change , es algo sin sentido.

En cambio, está escuchando el evento onkeypress . Cada vez que un usuario cambia el contenido de este div (al agregarle un carácter), desencadena el evento.

También puede ver cómo hacer clic en el personaje (usando String.fromCharCode( evt.which ) ).

PD: una solución jQuery completa para su caso específico sería esta:

 $( '#product_descriptioncontent' ).on( 'keypress', function() { $( '#your-hidden-input' ).val( $( this ).text() ) // Or $( '#your-hidden-div' ).text( $( this ).text() ) } ) 

Pruebe este ejemplo , puede vincular un evento personalizado al div y desencadenar ese evento al cambiar

Intente agregar un controlador para DOMCharacterDataModified . Podría ser una solución más limpia.