獲取用戶在區域中選擇的所有文本節點

Question

是否可以獲取用戶在區域中選擇的所有文本節點？

我嘗試選擇對象（ window.getSelection() ）來獲取開始文本節點和結束節點的anchorNode和focusNode 。

現在，我正在嘗試獲取起始文本節點與末尾之間的所有文本節點。 此問題還需要關注兩個節點之間的子節點和父節點。

Answer 1

是的，您可以使用document.selection類（IE）或selectionStart和selectionEnd屬性（Firefox / Chrome）

var $ = function(id) { return document.getElementById(id); };

$('get').onclick = function() {
  var text = $('text'),
      selection = '';

  if (typeof document.selection !== 'undefined')
  {
    text.focus();
    var sel = document.selection.createRange();
    selection = sel.text;
  }
  else
  {
    var d = text.selectionStart,
        e = text.selectionEnd;
    for (var i = d; i < e; i++)
    {
      selection += text.value[i];
    }
  }
  alert ("Selected content:\n" + selection);
};

工作演示