JavaScriptのイベントハンドラ

このページでは、JavaScriptのイベントハンドラについて説明しています。

説明

「フォームボタンのクリック」というような処理の起点となる出来事をイベントといい、そのイベントの処理を実行する仕組みをイベントハンドラといいます。

サンプルプログラム

ここでは、ボタンをクリックする(イベント)とアラートダイアログが出力(イベント処理)されるサンプルプログラムを紹介します。 (表示結果→sample.html)。


<html>
<head>
<meta http-equiv="Content-Script-Type"
                          content="text/javascript">
</head>
<body>

<input type="button" value="ボタン"
    onclick="alert('アラートダイアログ');">

</body>
</html>

ポイント

イベントハンドラを使うときは、以下のmetaタグを記述します。

<meta http-equiv="Content-Script-Type"
                          content="text/javascript">

フォームのボタンがクリックされたときのイベントハンドラを「onclick」といいます。以下のように記述するとイベント処理が実行されます。

onclick="＜イベント処理＞">

戻る