Storing caret position in editable div

Asked Jan 26 '16 at 14:56

Active Jan 26 '16 at 15:08

Viewed 127 times

I have a content editable div.

I also have a button outside of this div.

When the user presses the button I wish to store the caret position where the user was in the content editable div.

Pressing the button loses focus on the content editable div, so I think the best method would be to store the caret position on blur?

Would there be a more favourable method?

Also, how would I store the caret position for an editable div?

edited Jan 26 '16 at 15:08

valepu

asked Jan 26 '16 at 14:56

panthro

do you mean "current" or "caret" position? – valepu Jan 26 '16 at 14:57
yep, just edited my comment as soon as i realized – valepu Jan 26 '16 at 14:58
what happens when the user clicks on the edit div to restore focus? standard behavior is to place the caret/cursor at the click location, not where it was when focus was lost. – Marc B Jan 26 '16 at 15:01
Marc B - does not matter when the user restores focus, that's not what im asking. – panthro Jan 26 '16 at 15:02
1

See http://stackoverflow.com/questions/15157435/get-last-character-before-caret-position-in-javascript – guest271314 Jan 26 '16 at 15:03
In an old project I used to store the caret position on `keyup` and `mouseup` – Sabaz Jan 26 '16 at 15:05
[See this](http://akiroom.github.io/caretposition.js/). – Daniel Dušek Jan 26 '16 at 15:09
dee - "caretposition.js is useful to measure caret x-y position in textarea." not editable div – panthro Jan 26 '16 at 15:16

0 Answers0