javascript - 在浏览器中获取选中的文本，跨平台

Question

我想在基于浏览器的应用程序中做的一件事是允许用户选择一些文本(不是在 <textarea> 中，只是普通的文本!)，然后让我的应用程序弹出一个然后可以与下一个交互的小工具栏(在我的例子中，添加注释)。

我在 google 上发现了很多似乎专注于编写 WYSIWYG 编辑器的东西，但这不是我想要的，其中大部分在 IE 中有效但在 FF2 中无效或 3. 理想情况下，我想要一些可以在 IE7(如果可能的话还有 6)、FireFox 2 & 3 和 Safari 2 中工作的浏览器窗口中返回当前选定文本的函数。如果它在 Opera 中有效，那将是额外的好处，但这不是必需的。

有没有人有这样的功能？或者想知道从哪里开始？

Answer 1

那个 jQuery 插件很酷，但它完成了一项非常具体的任务:用标签包裹您突出显示的文本。这可能正是您想要的。但是，如果您不想(或处于无法这样做的情况)向您的页面添加任何无关的标记，您可以尝试以下解决方案:

function getSelectedText() {
  var txt = '';

  if (window.getSelection) {
    txt = window.getSelection();
  }
  else if (document.getSelection) {
    txt = document.getSelection();
  }
  else if (document.selection) {
    txt = document.selection.createRange().text;
  }
  else return; 

  return txt;
}

此函数返回表示文本选择的对象。它跨浏览器工作(尽管我怀疑它返回的对象会因浏览器而略有不同，并且仅依赖于结果的实际文本而不是任何其他属性)。

注意:我最初是在此处发现该代码片段:http://www.codetoad.com/javascript_get_selected_text.asp