如何使用Javascript或jQuery获取突出显示的文本？

如何让javascript或jquery抓取我用鼠标或键盘选中/高亮显示的文本？

对于文本区域，可以使用此选项（如上所示）：

---

与上述类似，这会将所选文本输出到div（改编自）：

$（文档）.ready（函数（）{
var-txt=''；
函数getSelected（）
{   
if（window.getSelection）{
txt=window.getSelection（）；
}
else if（document.getSelection）{
txt=document.getSelection（）；
}
else if（文档选择）{
txt=document.selection.createRange（）.text；
}
txt=txt.toString（）；
返回txt；
}
$（“#容器”）.mouseup（函数（）{
$（'#message'）.html（getSelected（））；
});
});
#信息{
最小高度：20px；
宽度：300px；
边框：1px实心橙色；
填充物：5px；
}
要选择的文本

这是一个很好的用于选择文本和操作的插件，应该很有用：@XGreen:这是用于文本输入和文本区域，而不是常规的页面选择。除非您支持Safari 2和更早版本，否则您不需要同时使用

window.getSelection（）

和

document.getSelection（）

。

 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; 
          }

<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>