Проверить выбор внутри или вне класса

Question

У меня есть следующие строки сценария, чтобы получить выбранную область документа.

sel = window.getSelection(); 
    console.log(sel); 

У меня есть результаты в консоли, как на изображении ниже.

Мой вопрос,

Можно ли проверить выбранный текст внутри или вне элемента с определенным классом/ид?

Answer 1

Вы можете использовать anchorNode (узел, в котором начинается выбор), и focusNode (узел, в котором заканчивается выбор), чтобы попытаться определить, находится ли выбор в нужном элементе.

Предполагая, что элемент вы заинтересованы является прямым предком текста выбран, вы можете сделать:

var sel = document.getSelection(); 
var startsInTarget = sel.anchorNode.parentElement.classList.contains("target"); 
var endsInTarget = sel.focusNode.parentElement.classList.contains("target"); 
if(startsInTarget && endsInTarget) { 
    //selection is within an element with class "target" 
} 

Вот jsfiddle демонстрирует эту идею