prototype中Event.observe的测试

Event.observe主要是对某个对象绑定事件,来看看官方的说明

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

看例子

  
  
  
  
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
  2. <html> 
  3.     <head> 
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  5.         <title>Untitled Document</title> 
  6.         <script src="prototype.js"> 
  7.         </script> 
  8.     </head> 
  9.     <body> 
  10.         <input type="button" id="btn" value="测试是否绑定" /> 
  11.         <input type="button" id="reg" value="绑定" /> 
  12.         <input type="button" id="unreg" value="解绑" /> 
  13.         <div id="status"> 
  14.         </div> 
  15.         <script> 
  16.             function test(){  
  17.                 alert("我已经有单击事件");  
  18.             }  
  19.               
  20.             Event.observe("reg", "click", function(){  
  21.                 Event.observe("btn", "click", test, false);  
  22.                 $("status").innerHTML = "事件已绑定";  
  23.             }, false);  
  24.             Event.observe("unreg", "click", function(){  
  25.                 Event.stopObserving("btn", "click", test, false);  
  26.                 $("status").innerHTML = "事件已解除绑定";  
  27.             }, false);  
  28.         </script> 
  29.     </body> 
  30. </html> 

设置useCapture参数,以确定侦听器是运行于捕获阶段、目标阶段还是冒泡阶段。 (1)如果将useCapture设置为true,则侦听器只在捕获阶段处理事件,而不在目标或冒泡阶段处理事件。 (2)如果useCapture为false,则侦听器只在目标或冒泡阶段处理事件。

以上这个例子,就是给按钮绑定一个事件,让它具有单击事件,有不明白的地方给我留言。

你可能感兴趣的:(prototype,职场,休闲)