How can i trigger content changes inside a pre tag using jquery

Question

i want to edit content inside the "pre" tag. On a button click i want to know whether the content is changed or not. How can i possible this using "jquery"?

is it possible only with input tag? by adding an attribute conetnteditable=true we can edit content inside all elements. then there should be a way in jquery to trigger that change. — Nighina t t, Jan 09 '17 at 06:52
Possible duplicate of [Jquery Event : Detect changes to the html/text of a div](http://stackoverflow.com/questions/15657686/jquery-event-detect-changes-to-the-html-text-of-a-div) — caramba, Jan 09 '17 at 06:55

score 0 · Answer 1 · answered Jan 09 '17 at 06:54

You can use: 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>

How can i trigger content changes inside a pre tag using jquery

1 Answers1