jqueryを使用してpreタグ内でコンテンツの変更をトリガーするには

Question

"pre"タグ内のコンテンツを編集します。ボタンをクリックすると、コンテンツが変更されているかどうかを知りたいです。どうすれば "jquery"を使ってこれを行うことができますか？

を使用でき

Answer 1

：DOMSubtreeModified

$('.change-text-button').on('click', function(){ 
 
    $('.my-pre').text('Some other text'); 
 
}); 
 

 

 

 
$('.my-pre').bind("DOMSubtreeModified",function(){ 
 
    console.log('changed'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button class="change-text-button">Change text</button> 
 
<pre class="my-pre">Lorem ipsum dolor sit amet</pre>