Использование contenteditable с jquery

Question

У меня есть div

<div id="content_x" class="something" contenteditable="true">

На самом деле у меня их несколько, отсюда и название класса.Когда класс something редактируется, я получаю идентификатор, используя магию регулярных выражений id = $(this).attr('id');

Как я могу проверить, что содержимое этой текстовой области изменилось, потому что я хочу отправить это через регулярное выражение.

Я могу получить старое значение, но как мне получить старое значение?

$('.something').click(function() {
  $('.something').change();

});

Я также слышал об этом плагине: http://valums.com/edit-in-place/ однако это помещает кнопки в ваши элементы,Я хочу новое значение, когда пользователь отходит от элемента div.

Answer 1

Это то, что вы ищете?

var contentWhenPageLoaded = document.getElementById("content_x").innerHTML;

//Then you can check if the content has changed like this:
if(contentWhenPageLoaded != document.getElementById("content_x").innerHTML) {
  alert("content has changed!");
}