Question

I use getSelection() (javascript) to get a string onmouseup.

Is it possible to get the div containing the selection? or the parent element containing the selection if it is not a div?

The code is similar to this JSFiddle Example and I want to be able to identify if the selection was inside first div or second div.

Thanks

Answer 1

Your selection object contains a range.

var my_selection = window.getSelection();
var my_range  = my_selection.getRangeAt(0);

Sounds like you want commonAncestorContainer, which is most specific element that contains both your start and end elements.

Some other useful methods on the range…
startContainer and startOffest will get you the element and position in the element where the range begins. Similarly, endContainer and endOffset.