prototypeでEvent.observeのテスト

6553 ワード

prototype 職場カジュアル

Event.observeは主にオブジェクトバインドイベントについて、公式の説明を見てみましょう.


  
  
  
  
   
   
   
   Event.observe(element, eventName, handler)  
   
   
   
    
   
   
   
   Registers an event handler on a DOM element.

例をみる


  
  
  
  
   
   
   
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
   
   
   
   <html> 
   
   
   
       <head> 
   
   
   
           <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
   
   
   
           <title>Untitled Document</title> 
   
   
   
           <script src="prototype.js"> 
   
   
   
           </script> 
   
   
   
       </head> 
   
   
   
       <body> 
   
   
   
           <input type="button" id="btn" value=" " /> 
   
   
   
           <input type="button" id="reg" value=" " /> 
   
   
   
           <input type="button" id="unreg" value=" " /> 
   
   
   
           <div id="status"> 
   
   
   
           </div> 
   
   
   
           <script> 
   
   
   
               function test(){  
   
   
   
                   alert(" ");  
   
   
   
               }  
   
   
   
                 
   
   
   
               Event.observe("reg", "click", function(){  
   
   
   
                   Event.observe("btn", "click", test, false);  
   
   
   
                   $("status").innerHTML = " ";  
   
   
   
               }, false);  
   
   
   
               Event.observe("unreg", "click", function(){  
   
   
   
                   Event.stopObserving("btn", "click", test, false);  
   
   
   
                   $("status").innerHTML = " ";  
   
   
   
               }, false);  
   
   
   
           </script> 
   
   
   
       </body> 
   
   
   
   </html>

useCaptureパラメータを設定して、リスナーがキャプチャフェーズ、ターゲットフェーズ、またはバブルフェーズで実行されるかを決定します.(1)useCaptureがtrueに設定されている場合、リスナーはターゲットまたはバブルフェーズでイベントを処理するのではなく、キャプチャフェーズでのみイベントを処理します.(2)useCaptureがfalseの場合、リスナーはターゲットまたはバブルの段階でのみイベントを処理する.
以上の例では、ボタンにイベントをバインドし、クリックイベントを持たせ、分からないところにメッセージを残します.

ユニオン連合体について

argparserライブラリテストスクリプト