[JavaScript] テキストを選択した時イベントを取得する（onSelect）

投稿日：2016年10月27日更新日：2018年5月2日

テキストボックスやテキストエリア内の文字を選択したときのイベントを取得するには、onselectを使用します。

サンプルソース

例）テキストボックス値を選択するとアラート表示する

function myFnc(){
  alert("値が選択されました。");
}

function myFnc(){

alert("値が選択されました。");

}

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>サンプル</title>
  <script src="sample.js"></script>
</head>
<body>
  <input type="text" id="txt1" value="hoge" onselect="myFnc();" />
</body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

</body>

</html>

実行サンプル

値を選択すると、アラートが表示されます。

テキストボックスの場合：

テキストエリアの場合：

解説

onSelectイベントは、値が選択される直前に呼び出されます。
タブでフォーカスが移ってきた直前にも呼び出されます。

執筆者：とら