如何知道用户何时选择一个段落？

Question

我想在用户在页面上选择任何文本时执行操作。我想是这样的：

var selObj; 

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

但后来我发现，onselect仅用于输入和文本区域，并发现试图像这样没有其他办法。

编辑：我知道如何获得选定的文本，我需要选择文本时触发的事件！

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>