onselectの使い方
onselectは、テキスト入力欄で文字が選択された時に処理を実行出来ます。
以下は、例です。
【onselect利用例】
<form>
<input type="text" value="ここを選択" onselect="alert('テストです');">
</form>
実行例は、以下の通りです。
「ここを選択」という所でマウスをクリックしながら左右に動かすと、文字を選択した状態になります。その状態でマウスを離すとアラートが表示されます。
又、テキスト入力欄をマウスで選択した後、Shiftキーを押しながら上下左右の矢印キーを押す事でも文字を選択した状態になり、アラートが表示されます。
テキストエリアでの例
テキストエリアでの例です。
【テキストエリアでの例】
<form>
<textarea onselect="alert('テストです');">ここを選択</textarea>
</form>
実行例は、以下の通りです。
テキストエリアでも動きは同じです。
サポート
・サポートするブラウザ
以下は、最新バージョンでのサポート状況を示していますが、Internet ExplorerはOSによって使えるバージョンが異なるため、使えるバージョンを示しています。WindowsXPで使えるInternet Explorer8以降、全てのバージョンで使える場合は〇とします。
【サポートするブラウザ】
機種 |
ブラウザ |
サポート |
パソコン |
Chrome |
〇 |
Safari |
〇 |
Firefox |
〇 |
Microsoft Edge |
〇 |
Internet Explorer |
〇 |
スマートフォン |
Chrome |
〇 |
Safari |
〇 |
Firefox |
〇 |
・サポートするタグ
サポートするタグの一例は、以下の通りです。
<input type="text">
<input type="password">
<textarea>