Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как отловить событие в contenteditable? (https://javascript.ru/forum/events/44468-kak-otlovit-sobytie-v-contenteditable.html)

D_Pavel 21.01.2014 06:16

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

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

Elphet 21.01.2014 08:32

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

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

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

D_Pavel 21.01.2014 09:10

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

D_Pavel 21.01.2014 09:12

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

Яростный Меч 21.01.2014 11:28

Цитата:

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

onblur ?

kostyanet 21.01.2014 11:57

Цитата:

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

---

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

D_Pavel 21.01.2014 12:58

Цитата:

Сообщение от Яростный Меч (Сообщение 293204)
onblur ?

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


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

kostyanet 21.01.2014 13:09

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

D_Pavel 21.01.2014 13:28

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

Яростный Меч 21.01.2014 15:31

Цитата:

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

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


Часовой пояс GMT +3, время: 11:10.