[JavaScript] 選択中の文字列を取得する（.getSelection）

投稿日：2018年7月27日

選択中の文字列を取得するには、window.getSelection() を使用します。

サンプルソース

例）ボタンを押すと、選択した部分の文字列をコンソールに出力する

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Test</title>
<script>
function test(){
  //選択中の文字列を取得
  var a = window.getSelection().toString();

  //コンソールに出力する
  console.log(a);
}
</script>
</head>
<body>
  <input type="text" id="txt1" value="あいうえおかきくけこ">
  <input type="text" id="txt2" value="さしすせそたちつてと">
  <input type="button" id="btn1" value="ボタン" onclick="test();">
</body>
</html>

<!DOCTYPE html>

<head>

function test(){

//選択中の文字列を取得

var a = window.getSelection().toString();

//コンソールに出力する

console.log(a);

}

</script>

</head>

<body>

</body>

</html>

解説

window.getSelection()を使うと、選択された部分のみの文字列を取得できます。

執筆者：とら