Хороший подход для просмотра, если что-то удаляется из DOM с contenteditable

Question

У меня есть этот маленький фрагмент.

​<div contenteditable="true">
 <img src="/img/logo.png">
</div>

Мне нужно знать, когда изображение будет удалено, в реальном приложении его гораздо больше внутри div.

Один из способов, которым я могу это сделать, - это jQuery и посмотреть народитель для изображения.Родитель разочаровывается, когда его убирают, но это хороший подход?Может быть, существует какое-то событие, которое поднимается?

Я создал этот маленький пример http://jsfiddle.net/V6sdA/

Answer 1

.bind('DOMNodeInserted DOMNodeRemoved')

Это события для проверки вставки или удаления элемента.

Свяжите эти события с родительским элементом и вызовите вашу функцию в обработчике.

jsFiddle demo: http://jsfiddle.net/PgAJT/