jQuery- Detect change in the content of a SPAN field

Question

I have the below piece of code which is used to simulate a text box:

ALERT VALUE:


        

Answer 1

You can use this event DOMSubtreeModified:

$("span").on('DOMSubtreeModified', function () {
  alert("Span HTML is now " + $(this).html());
});

Snippet

$(function () {
  $("a").click(function () {
    $("span").html("Hello, World!");
  });
  $("body").on('DOMSubtreeModified', "span", function () {
    alert("Span HTML is now " + $(this).html());
  });
});

Hello
Click