onkeyupの使い方
onkeyupは、キーボードのキーを離した時に処理を実行出来ます。
以下は、例です。
【onkeyup利用例】
<form>
<input type="text" onkeyup="alert('テストです');">
</form>
実行例は、以下の通りです。
テキスト入力欄でキーを押した後、キーを離した時にアラートが表示されます。尚、日本語入力やShift、Ctrlキーもイベントになります。
又、複数のテキスト入力欄があった場合、<form>にonkeyupを記述すると全てのテキスト入力欄がイベント対象になります。
テキストエリアでの利用例
onkeyupはテキストエリアでも使えます。
【テキストエリアでの利用例】
<form>
<textarea onkeyup="alert('テストです');"></textarea>
</form>
実行例は、以下の通りです。
サポート
・サポートするブラウザ
以下は、最新バージョンでのサポート状況を示していますが、Internet ExplorerはOSによって使えるバージョンが異なるため、使えるバージョンを示しています。WindowsXPで使えるInternet Explorer8以降、全てのバージョンで使える場合は〇とします。
【サポートするブラウザ】
機種 |
ブラウザ |
サポート |
パソコン |
Chrome |
〇 |
Safari |
〇 |
Firefox |
〇 |
Microsoft Edge |
〇 |
Internet Explorer |
〇 |
スマートフォン |
Chrome |
〇 |
Safari |
〇 |
Firefox |
〇 |
・サポートするタグ
<br>や<iframe>等を除いた多くのタグでサポートされています。