javascript - 如何检测 span 元素的内容何时更改

Question

假设我有 span如下<span id='myId'>content before change</span>

我需要一个像

这样的事件

$('#myId').contentChanged(function(){
   alert( 'New content: ' + $(this).text() )
})

所以当我如下更改span的内容时

$('#myId').text('content after change')

contentChanged上面的事件发生火灾。它应该在性能方面相当高效，因为在我的例子中，可能有数百个被监控。

Answer 1

你可以这样尝试:

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

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

JSFIDDLE DEMO