How to detect content change event on a div

Question

I am trying to make an editor everything working fine till now, but now I need to make a handler which could detect any change made in a div or any content edited in the div

Answer 1

You can bind a custom event to the div and trigger that event upon change

Demo in Stack Snippets and jsFiddle:

$(function() {

  $('#wrapper').bind("contentchange", function() {
    console.log("Captured content change event"); 
  });

  $("#btn").click(function() {
    $('#wrapper').html("new value").trigger("contentchange");
  });
  
});