Subject   : onClickイベント

カテゴリー  : Home page

イベントとは見ている人がマウスを操作したり、 キー入力をしたり、ページを表示したりする「出来事」です。 onClickイベントは、そのオブジェクトがマウスボタンで押されたときに生じます。各オブジェクトのタグ内で、 onClick="実行するJavaScript"と書くことでそのオブジェクトのイベントに対応した動作を実行できます。
対象のオブジェクトは、BUTTON、RADIOBUTTON、CHECKBOX、 LINK、 RESET、 SUBMIT などです。 以下に、onClickイベントに対してアラート・ダイアログが 表示される例を示します。

ボタン(BUTTON)
<input type="button" name="Button" value="BUTTON" onClick="alert( 'BUTTON がクリックされました' )">


ラジオボタン(RADIOBUTTON)
<input type="radio" name="Radio" value="RADIO" onClick="alert( 'RADIOBUTTON がクリックされました' )">RADIOBUTTON
RADIOBUTTON

チェックボックス(CHECKBOX)
<input type="checkbox" name="CheckBox" value="CHECKBOX" onClick="alert( 'CHECKBOX がクリックされました' )">CHECKBOX
CHECKBOX

リンク(LINK)
<input type="checkbox" name="CheckBox" value="CHECKBOX" onClick="alert( 'LINK がクリックされました。跳びますよ' )">CHECKBOX
LINK

[メニューへ戻る]  [HOMEへ戻る]  [前のページに戻る]