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,则侦听器只在目标或冒泡阶段处理事件。



本文转自sucre03 51CTO博客,原文链接:http://blog.51cto.com/sucre/413416,如需转载请自行联系原作者


相关文章
|
Web App开发 测试技术 索引
|
JavaScript 前端开发 安全
TDD测试驱动的javascript开发(2) ---- javascript面向对象 ~~ 深入学习javascript中prototype
1. 原型模式 1.1 我们创建的每个函数都有一个prototype属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。 简单的解释上面的话的意思就是:首先,我们要知道,面向对象的语言中类的存在,而javascript也是一门面向对象的语言(这句话说的可能有一些毛病,但是不影响),在javascript中定义一个类函数的时候,就默认创
1182 0
|
10天前
|
测试技术 C语言
网站压力测试工具Siege图文详解
网站压力测试工具Siege图文详解
19 0
|
1月前
|
JavaScript jenkins 测试技术
这10款性能测试工具,收藏起来,测试人的工具箱!
这10款性能测试工具,收藏起来,测试人的工具箱!
|
1月前
|
人工智能 监控 测试技术
利用AI辅助工具提升软件测试效率
【2月更文挑战第17天】 随着科技的不断发展,人工智能(AI)在各个领域的应用越来越广泛。在软件测试领域,AI技术也发挥着重要作用。本文将探讨如何利用AI辅助工具提升软件测试效率,包括自动化测试、智能缺陷识别和预测等方面。通过引入AI技术,软件测试过程将变得更加高效、准确和可靠。
164 1
|
1月前
|
Web App开发 前端开发 测试技术
探索自动化测试工具:Selenium的威力与应用
探索自动化测试工具:Selenium的威力与应用
探索自动化测试工具:Selenium的威力与应用