如何在使用javascript键入时检查光标是否已到达内容可编辑div或行尾？

Question

我现在有一个简单的内容可编辑div，具有一定的宽度和高度，我想在光标到达内容可编辑div的末尾以及行的末尾时触发事件。

使用案例：当用户到达页面末尾时，它会像谷歌文档那样插入新页面

当光标在键入时到达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>