Как отловить событие в contenteditable?

[D_Pavel]

Как отловить событие окончания редактирования в contenteditable?

Например, пользователь поставил курсор в блок contenteditable, потом убрал, ничего не должно произойти, но если пользователь поставил курсор в блок contenteditable и что-то изменил, а потом убрал курсор в другое место (т.е. значит закончил редактировать), то должно сработать событие.

[Elphet]

А зачем к мыши привязывать?

Сделай по кнопке через onclick
Будет как: закончил-нажми сохранить.

А по отслеживанию формы копай в сторону .Onkeyup и есть обработчик с mouse но не могу сказать как он точно называется, т.к. Сам с телефона сейчас.

[D_Pavel]

Не обязательно к мыши. Если вышел из редактирования другим способом, сочетанием клавиш, например, то тоже должно сработать событие.

[D_Pavel]

И нужно чтобы не надо было жать специальную кнопку для сохранения, чтобы сохранялось в любом случае.

[Яростный Меч]

потом убрал курсор в другое место (т.е. значит закончил редактировать), то должно сработать событие.

onblur ?

[kostyanet]

А по отслеживанию формы копай в сторону

Нет там формы.

---

С некоторым геморроем делают так http://stackoverflow.com/questions/1...-change-events

[D_Pavel]

onblur ?

http://jsfiddle.net/uebSB/5/


ЗЫ: срабатывает даже когда не было ничего изменено.

[kostyanet]

При чем тут изменения? Изменения вам придется ловить сравнением. О чем и пишет автор на stackoverflow.

[D_Pavel]

Полезного там написано: The HTML5 input event, но он не всеми браузерами поддерживается. Жаль, мне бы подошел.
Другой вариант слишком неоптимальный.

[Яростный Меч]

Другой вариант слишком неоптимальный.

а что в нем плохого? сохраняешь старый текст, по онблюру сравниваешь с ним новый.
или у тебя текст на миллион букв?