select ( onselect )イベント

　select ( onselect )イベントは、設定されたタグエレメント内の幾つかのテキストが選択されたら発生するイベントです。

seeking ( onseeking )イベント

document.querySelector("textarea#exmpl_textarea").onselect = ()=>{
	console.log( event );
};

詳しくは Example を参照してください

　このselectイベントは <input type="text"> または <textarea> で機能します。

　例に contenteditable="true" によって編集可能なエレメントで select イベントが機能するかを確認してみましたが機能していません。

構文（Syntax）

<tagelement onselect="function()">

object.onselect = function(){ };

object.addEventListener("select", script_);


Bubbles	No
Cancelable	No
Interface	UiEvent（ユーザーインターフェイスから設定した場合）、Event
Supported HTML Elements	<input type="file">, <input type="password">, <input type="text">, <textarea>

　select ( onselect )イベントの例です。「確認」ボタンをクリックして実行してみてください。

　以下の例では、<p> エレメントにも onselect イベントハンドラーを設定していますが機能しません。<input> や <textarea> といったテキスト編集ができる場合に機能するようです。

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。

HTML内容

CSS内容

Script内容

　以下の例は、エレメントを編集可能にすると select ( onselect )イベントが機能するのかを確かめています。

　<p> エレメントにも onselect イベントハンドラーを設定していますが機能しません。<input> や <textarea> といったテキスト編集ができる場合に機能するようです。