onkeyup/JavaScript

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

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>等を除いた多くのタグでサポートされています。

  • このエントリーをはてなブックマークに追加