如何使用jquery在pre标签内触发内容更改

Question

我想编辑“pre”标签内的内容。在按钮上单击我想知道内容是否已更改。我怎么能使用“jquery”？

Answer 1

您可以使用：DOMSubtreeModified

＆＃13;

＆＃13;

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



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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;