onselect イベント

DOM イベント Event オブジェクト

定義と使用方法

onselect イベントは、要素内のテキストが選択された後に発生します。

onselect イベントは主に <input type="text"> または <textarea> 元素で使用されます。

インスタンス

例 1

テキストが選択された場合にJavaScriptを実行する：

<input type="text" onselect="myFunction()">

自分で試してみてください

例 2

HTML DOM Input Text オブジェクトの select() メソッドを使用してテキストフィールドの一部を選択します。これが発生すると onselect イベントが発生し、alert ファンクションがトリガーされます。

// テキストフィールドの内容を選択する
function mySelectFunction() {
  document.getElementById("myText").select();
}
// テキストフィールドのテキストが選択された場合にテキストを表示する
function myAlertFunction() {
  alert("You selected some text!");
}

自分で試してみてください

構文

HTMLで：

<element onselect="myScript">

自分で試してみてください

JavaScriptで：

object.onselect = function(){myScript};

自分で試してみてください

JavaScriptで、addEventListener()メソッドを使用して：

object.addEventListener("select", myScript);

自分で試してみてください

注釈：Internet Explorer 8 またはそれ以前のバージョンではサポートしていません addEventListener() メソッド。

技術的詳細

バブル： サポートしていない
キャンセル可能： サポートしていない
イベントタイプ： ユーザーインターフェースから生成された場合、UiEvent。そうでない場合は Event。
サポートする HTML タグ： <input type="file">、<input type="password">、<input type="text"> そして <textarea>
DOM バージョン： レベル2 イベント

ブラウザのサポート

イベント Chrome IE Firefox Safari Opera
onselect サポート サポート サポート サポート サポート
DOM イベント Event オブジェクト