Как проверить, достиг ли курсор конца редактируемого содержимого div или конца строки при наборе текста с использованием javascript?
У меня есть простой редактируемый div содержимого с определенной шириной и высотой, я хочу вызвать событие, когда курсор достигнет конца редактируемого div содержимого, а также конца строки.
Вариант использования: что-то вроде Google Docs, когда пользователь достигает конца страницы, он вставляет новую страницу
Когда курсор достигает конца элемента div во время набора текста, я должен иметь возможность вызывать события и события, которые будут вызывать некоторые изменения в dom или отображать уведомление о том, что в нем нельзя вводить больше символов.
Мы не хотим ограничивать количество символов или слов в div, вместо этого он должен (я думаю) основываться на смещении курсора от нижней или правой части div(но как?).
Любой намек в этом направлении будет достаточно хорош. Вот основной HTML http://jsfiddle.net/illumine/jfknz/
<div id="editor" contenteditable='true'>
If user types in this area it should fire an event if the end of line reached while typing i.e. when cursor switches the line.
<br/>
Also an event should fire when cursor has reached end of the div. i.e. when content overflows the div.
</div>