Как узнать, когда пользователь выбирает абзац?

Question

Я хочу выполнить действие, когда пользователь выбирает любой текст на странице. Я пытался что-то вроде этого:

var selObj; 

     document.querySelector("p").onselect = function(){ 
     selObj = window.getSelection(); 
     var selectedText = selObj.toString(); 
     //action 

Но потом я обнаружил, что onselect только для входов и текстовых областей, и не нашел другого способа пробовать что-то вроде этого.

EDIT: Я знаю, как получить выделенный текст, мне нужно событие, которое срабатывает при выборе текста!

Answer 1

Вы можете связать событие mouseup с тегом абзаца ("p"). В рамках этого обработчика события, вы можете проверить:

document.selection.createRange().text 

или

window.getSelection() 

Кроме того, вы можете проверить здесь javascript to get paragraph of selected text in web page.

Answer 2

Использование событий мыши для захвата выделения.

var paras = document.getElementsByClassName("para"); 
 

 
for (var i = 0; i < paras.length; i++) { 
 
    paras[i].addEventListener('click', getSelected, false); 
 
} 
 

 
function selectElementContents(el) { 
 

 
    return document.getSelection()||window.getSelection(); 
 

 
} 
 

 
function getSelected() { 
 

 
    var el = document.getElementById("selectedPara"); 
 
    alert(selectElementContents(el)); 
 

 
};

<p class="para">select me</p> 
 
<p class="para">over me</p> 
 
<p class="para">hey here</p>