如何使用Javascript或jQuery獲取突出顯示的文本？

Question

如何獲取javascript或jquery以獲取我選擇的文本/使用鼠標或鍵盤高亮顯示的文本？

Answer 1

與上文相似，這個所選的文本輸出到一個div（改編自http://mark.koli.ch/2009/09/use-javascript-and-jquery-to-get-user-selected-text.html）：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script language=javascript> 
$(document).ready(function() { 
var txt = ''; 
function getSelected() 
{ 
    if (window.getSelection) { 
    txt = window.getSelection(); 
    } 
    else if(document.getSelection) { 
    txt = document.getSelection(); 
    } 
    else if(document.selection) { 
    txt = document.selection.createRange().text; 
    } 
     txt = txt.toString(); 
    return txt; 
} 

$('#container').mouseup(function() { 
    $('#message').html(getSelected()); 
}); 
}); 
</script> 
<style type="text/css"> 
#message { 
    min-height: 20px; 
    width: 300px; 
    border: 1px solid orange; 
    padding: 5px; 
} 
</style> 
<div id="message"></div> 
<div id="container"> 
<p>Text to select</p> 
</div> 

Answer 2

對於文字區域，則可以使用此（上javascript wrap text with tag可見）：

var val; 
      el = document.getElementById('textarea'); 
      if (el.setSelectionRange) { 
    //webkit & ff 
      var val = el.value.substring(el.selectionStart,el.selectionEnd); 
      } 
      else if(document.selection.createRange()) { 
// ie 
       var val = document.selection.createRange().text; 
      }