2017-01-09 103 views
0

我想編輯「pre」標籤內的內容。在一個按鈕上單擊我想知道內容是否更改。我怎麼可能使用「jquery」這個?如何使用jquery觸發pre標籤內的內容更改

+0

[jQuery的學習中心(https://learn.jquery.com) – Andreas

+0

'pre'標籤不輸入標籤,並沒有'變化'事件 – Justinas

+0

只能使用輸入標籤嗎?通過添加屬性conetnteditable = true,我們可以編輯所有元素內的內容。那麼jQuery中應該有一種方法來觸發這種變化。 –

回答

0

您可以使用: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>