Javascriptを：どのように私は私がして選択範囲のテキストを取得する方法を知って、選択したテキストの範囲

Question

のテキストoutisideを取得することができます。

if (elem.getSelection) { 
     sel = elem.getSelection(); 
     if (sel.rangeCount) { 
      selectedText=sel.getRangeAt(0); 
     } 
    } else if (elem.selection) { 
     selectedText=elem.selection.createRange(); 
    } 

質問 - どのように私は前の範囲とした後に、選択したテキストを得ることができますか？ ありがとうございます。

Answer 1

ここではほとんどのブラウザでは、この使用してDOM Rangeを行うための機能だとIEで< 9.

ライブデモ：http://jsfiddle.net/bVpqR/

コード：

は

function getUnselectedText(containerEl) { 
    var sel, range, tempRange, before = "", after = ""; 
    if (typeof window.getSelection != "undefined") { 
     sel = window.getSelection(); 
     if (sel.rangeCount) { 
      range = sel.getRangeAt(0); 
     } else { 
      range = document.createRange(); 
      range.collapse(true); 
     } 
     tempRange = document.createRange(); 
     tempRange.selectNodeContents(containerEl); 
     tempRange.setEnd(range.startContainer, range.startOffset); 
     before = tempRange.toString(); 

     tempRange.selectNodeContents(containerEl); 
     tempRange.setStart(range.endContainer, range.endOffset); 
     after = tempRange.toString(); 

     tempRange.detach(); 
    } else if ((sel = document.selection) && sel.type != "Control") { 
     range = sel.createRange(); 
     tempRange = document.body.createTextRange(); 
     tempRange.moveToElementText(containerEl); 
     tempRange.setEndPoint("EndToStart", range); 
     before = tempRange.text; 

     tempRange.moveToElementText(containerEl); 
     tempRange.setEndPoint("StartToEnd", range); 
     after = tempRange.text; 
    } 
    return { 
     before: before, 
     after: after 
    }; 
} 

Answer 2

なぜ選択前の文字列とその後に続く文字列を知りたいのかわかりません。基本的には、これらの2つの文字列が一緒にページ全体から選択を差し引いたものになります。あなたは、どちらかの側で包み、選択したテキストがあるの検証を追加する必要があり、私の頭の上からhttp://www.quirksmode.org/dom/range_intro.html

Answer 3

： 私たちはそのelemはがテキストボックスであるとしましょう：

if (elem.getSelection) { 
     sel = elem.getSelection(); 
     if (sel.rangeCount) { 
      selectedText=sel.getRangeAt(0); 
     } 
    } else if (elem.selection) { 
     selectedText=elem.selection.createRange(); 
    } 


var texts = elem.value.split(selectedText); 
var before = texts[0]; 
var after = texts[2]; 

ここ

は範囲に素晴らしい紹介です

OR

var text = element.value; 
var before = text.substring(0,text.indexOf(selectedText)); 
var after = text.replace(before + selectedtext,''); // or after = text.substring(before.length + selectedText.length);