JavaScript で textarea の選択範囲を取得

selectionStart プロパティとselectionEnd プロパティを使ってtextarea の選択範囲を取得する。

下記のサンプルでは、mouseup イベントを使っているため、マウスのボタンが離れたタイミングで、発生する。
selectionStart プロパティは、選択範囲の先頭のオフセットを取得する。
selectionEnd プロパティは、選択範囲の末尾のオフセットを取得する。

var element = document.querySelector('textarea');
element.addEventListener('mouseup', function() {
  var start = element.selectionStart;
  var end = element.selectionEnd;
  var value = element.value;
  console.log(value.slice(start, end));
}, false);

補足だが、selectionStart, selectionEnd はIEの古いバージョンなど、一部ブラウザ、バージョンでサポートされていないようだ。