如何使用javascript获取跨选定部分

我使用我自己的算法优化 IERange ,它提供了一个围绕IE的textRange的包装器(这是从IE中的选择中获得的),以便为它们提供与DOM范围相同的接口。

要在文档中获取所选内容,请使用如下内容:

var sel = window.getSelection(); // Provided by IERange in IE, built-in in other browsers
var range = sel.getRangeAt(0); // Note this doesn't work in Safari 2

range 现在有属性 startContainer 和 startOffset ,分别是对节点的引用和该节点内表示选择起点的偏移量,以及相应的属性。 endContainer 和 endOffset 表示所选内容的结尾。

尝试一下:

  var span = document.getElementById('span1');
  if (document.selection) { //IE
      var bm = document.selection.createRange().getBookmark();
      var sel = span.createTextRange();
      sel.moveToBookmark(bm);

      var sleft = span.createTextRange();
      sleft.collapse(true);
      sleft.setEndPoint("EndToStart", sel);
      span.selectionStart = sleft.text.length
      span.selectionEnd = sleft.text.length + sel.text.length;
      span.selectedText = sel.text;
  }
  else if (span.selectionStart){ //FF
     span.selectedText = span.substring(span.selectionStart,span.selectionEnd);
  }

  alert("Selection Start==> " + span.selectionStart + "\n" +
     "Selection End  ==> " + span.selectionEnd + "\n" +
     "Selected Text  ==> " + span.selectedText + "\n" +
     "TextArea Value ==> " + span.value);

你可以从中找到一些答案 quirksmode post :