JavaScript.shin-sapporo.com

Chapter03 イベントハンドラ、タイマー処理、イベント情報

Contents

  • ページの読み込み完了時や、ほかのページへの移動時に処理したい
  • フォーカスを得た時や失った時に処理したい
  • クリックやダブルクリック、マウスのボタン操作をした時に処理したい
  • マウスカーソルが通り過ぎる時に処理したい
  • マウスカーソルが移動した時に処理したい
  • キ−ボードを操作した時に処理したい
  • フォームを操作した時に処理したい
  • フォームの送信やリセットする時に処理したい
  • ウインドウがリサイズ、移動された時に処理したい
  • 読み込みが中止、失敗した時に処理したい
  • イベントの情報を処理したい(Netscapeなど)
  • イベントの情報を処理したい(Internet Explorerなど)
  • タイマー処理を設定、解除したい
  • 繰り返しタイマー処理を設定、解除したい

実例

   
<60p> ページの読み込み完了時や、ほかのページへの移動時に処理したい
60p.html ページの読み込み完了時にアラートダイアログボックスを表示します。
60p_1.html  
   
<62p> フォーカスを得た時や失った時に処理したい
62p.html onfocusイベント&onblurイベント
62p_1.html  
   
<64p> クリックやダブルクリック、マウスのボタン操作をした時に処理したい
64p.html <p onmousedown="alert('・・・・・・')">段落内でマウスのボタンを押してください。
64p_1.html  
   
<66p> マウスカーソルが通り過ぎる時に処理したい
66p.html マウスカーソルの座標をステータスバーに表示します。
66p_1.html  
   
<68p> マウスカーソルが移動した時に処理したい
68p.html  
68p_1.html  
   
<70p> キーボードを操作した時に処理したい
70p.html キーボードのキーを押してください。
70p_1.html  
   
<73p> フォームを操作した時に処理したい
73p.html 下のテキストボックスに文字を入力してください。
73p_1.html 下のテキストボックスの文字を選択してください。
   
<75p> フォームの送信やリセットをする時に処理したい
75p.html  
75p_1.html  
   
<78p> ウインドウがリサイズ、移動された時に処理したい
78p.html ウインドウのリサイズや移動をしてください。
78p_1.html onmoveイベントは取得することができません。
   
<80p> 読み込みが中止、失敗した時に処理したい1
   
<82p> イベントの情報を参照したい(Netscapeなど)
   
<85p> イベントの情報を参照したい(Internet Explorerなど)
   
<88p> タイマー処理を設定、解除したい
88p.html 5秒するとダイアログボックスが表示されます。
88p_1.html  
   
<91p> 繰り返しタイマー処理を設定、解除したい
91p.html 下の画像が1秒ごとに変化します。
91p_1.html