現在、特定の幅と高さを持つ単純なコンテンツの編集可能な div があります。カーソルがコンテンツの編集可能な div の末尾と行の末尾に到達したときにイベントを発生させたいと考えています。
ユースケース:ユーザーがページの最後に到達したときの Google ドキュメントのようなもので、新しいページが挿入されます
入力中にカーソルが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>