如何知道用戶何時選擇一個段落？

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>