[SOLVED] How to get the index of the selected text in a contenteditable div?

Question

The title is pretty self-explanatory. I tried using div.selectionStart, but it only works for inputs and textareas. I know that one way would be to find the index of the selected text, but it won’t work if the selected text is repeated earlier in the div. Do you know any way to do it? Thanks in advance.

Answer 1

Like, when you call this, it returns object with selection.
More info:
https://developer.mozilla.org/cs/docs/Web/API/Window/getSelection

Answer 2

Maneren Thanks for that link!

Answer 3

Maneren Can you please give an example?

Answer 4

So, i ran out of ideas
Only that with css

Answer 5

What do you want to do with the text after it is selected, for something you can use css selectors

Answer 6

In css, and now i got an idea, in javascript, one can use querySelector() with div::selection selector, am i right?

Answer 7

Maneren Not sure. I just think it would be useful knowing how to get the selection index.

Answer 8

Hmm... I think that the querySelector function gets elements, whereas the selected text would only be part of an element, not the whole thing.

Answer 9

window.getSelection(); should do the trick

Answer 10

You're welcome