onselect/JavaScript

イベントハンドラのonselectについて説明します。

onselectの使い方

　onselectは、テキスト入力欄で文字が選択された時に処理を実行出来ます。

　以下は、例です。

【onselect利用例】

<form>
<input type="text" value="ここを選択" onselect="alert('テストです');">
</form>

　実行例は、以下の通りです。

　「ここを選択」という所でマウスをクリックしながら左右に動かすと、文字を選択した状態になります。その状態でマウスを離すとアラートが表示されます。

　又、テキスト入力欄をマウスで選択した後、Shiftキーを押しながら上下左右の矢印キーを押す事でも文字を選択した状態になり、アラートが表示されます。

　テキストエリアでの例です。

【テキストエリアでの例】

<form>
<textarea onselect="alert('テストです');">ここを選択</textarea>
</form>

　実行例は、以下の通りです。

　テキストエリアでも動きは同じです。

・サポートするブラウザ

　以下は、最新バージョンでのサポート状況を示していますが、Internet ExplorerはOSによって使えるバージョンが異なるため、使えるバージョンを示しています。WindowsXPで使えるInternet Explorer8以降、全てのバージョンで使える場合は〇とします。

・サポートするタグ

　サポートするタグの一例は、以下の通りです。