Как определить количество DOM элементов по левую сторону от каретки в div?

Question

[4eloBek]

Как определить количество DOM элементов по левую сторону от активной каретки в <div contenteditable="true"></div>?
Все обыскал уже...

Заранее спасибо.

Comments

[astrojunk]

Почитайте с сторону selection range.

[4eloBek]

astrojunk: тут не так все просто, если появляются несколько строчек (< br >)

Answer 1

[Deleted Deleted]

Ну, у меня способ чуть сложный: можно попробовать через цикл перебирать элементы. Насколько я знаю, JQuery и просто JS быстрыми функциями для такого, вроде бы, не обладают.

Answer 2

[Данила Симонов]

window.getSelection().focusNode - это текущий элемент, где установлена каретка. Дальше все варианты сводятся к тому, чтобы получить всех детей contenteditable стоящих до этого элемента. Как это определить - решать вам, я бы просто сравнивал индексы.