如何使用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; 
      }