JavaScript02.shin-sapporo.com

7.イベント

イベントはWebページを見ているユーザーが行った操作のことを指します。イベントから特定のものに対してアクションを起こすことにより、さまざまな処理を行うようスクリプトを記述します。

イベントには、フォームのボタンをクリックした時に、ハイパーリングになっている文字列をクリックした時、Webページがロードされた時などにJavaScriptでイベントを発生させることができます。

コマンド

 
  • イベントハンドラ 01
  • イベントハンドラ 02
  • ロールオーバー
  • ボタン
  • セレクトボックス
  • テキストボックス
  •  

---実例---

ページ
JavaScript JavaScript記述
コメント
<32p>      
       
<33p> 33p1 33p1_js あなたのブラウザをチェックします
  33p1_1 33p1_1_js あなたのブラウザをチェックします
  33p2 33p2_js あなたのブラウザをチェックします
  33p2_1 33p2_1_js あなたのブラウザをチェックします
       
<34p> 34p 34p_js イベントのタイプを取得します。
  34p_1 34p_1_js イベントのタイプを取得します。
  34p_2 34p_2_js イベントのタイプを取得します。
  34p_5 34p_5_js クリックすると背景色が変ります
  event06 event06_js クリックすると背景色が変ります
       
<35p> 35pA 35pA_js イベントの発生した座礁を取得
  35pB 35pB_js イベントの発生した座礁を取得
       
<36p>      
       
<37p> 37p2 37p2_js クリックすると背景色が変ります
  37p3 37p3_js クリックすると背景色が変ります
  37p5 37p5_js クリックすると背景色が変ります
  37p6 37p6_js クリックすると背景色が変ります
  37p9 37p9_js 背景色が変ります
       
<38p> 38p1_1 38p1_1_js アラートが表示
  38p2 38p2_js アラートが表示
       
<39p> 39p 39p_js ページロード5秒後にアラートが表示
  39p_1 39p_1_js ページロード5秒後にアラートが表示
  4heksu5pfu 4heksu5pfu_js ページロード5秒後にアラートが表示
       
<40p> 40p_22dw 40p_22dw_js イベント/DW
  40p_22js 40p_22js_js イベント/JS
       
<41p>      
       
<42p> 42p_1 42p_1_js イベント/JS
       
<43p> 43p 43p_js 配列を作成
       
<44p> 44p_0 44p_0_js クリックすると画像が切り替わります
       
<45p> 45p 45p_js リストから選択してボタンを押す
       
<46p>      
       
<47p> 47p 47p_js リストを選択してください
       
<48p> 48p 48p_js リストを選択ボタンを押すと違う頁に移動
       
<49p> 49pA 49pA_js 画像を通過すると・・・。キャプション
       
<50p>      
       
<51p> 51p_B 51p_B_js 画像の説明をテキストボックスに表示
       
<52p> 52pA 52pA_js 説明を表示