JavaScript で textarea の選択範囲を取得
published:
2018.02.24 /
modified:
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の古いバージョンなど、一部ブラウザ、バージョンでサポートされていないようだ。