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,如需转载请自行联系原作者


相关文章
|
JavaScript 前端开发
JavaScript - 测试 Prototype
JavaScript - 测试 Prototype
106 0
|
Web App开发 测试技术 索引
|
JavaScript 前端开发 安全
TDD测试驱动的javascript开发(2) ---- javascript面向对象 ~~ 深入学习javascript中prototype
1. 原型模式 1.1 我们创建的每个函数都有一个prototype属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。 简单的解释上面的话的意思就是:首先,我们要知道,面向对象的语言中类的存在,而javascript也是一门面向对象的语言(这句话说的可能有一些毛病,但是不影响),在javascript中定义一个类函数的时候,就默认创
1290 0
|
11月前
|
数据可视化 前端开发 测试技术
接口测试新选择:Postman替代方案全解析
在软件开发中,接口测试工具至关重要。Postman长期占据主导地位,但随着国产工具的崛起,越来越多开发者转向更适合中国市场的替代方案——Apifox。它不仅支持中英文切换、完全免费不限人数,还具备强大的可视化操作、自动生成文档和API调试功能,极大简化了开发流程。
|
6月前
|
Java 测试技术 容器
Jmeter工具使用:HTTP接口性能测试实战
希望这篇文章能够帮助你初步理解如何使用JMeter进行HTTP接口性能测试,有兴趣的话,你可以研究更多关于JMeter的内容。记住,只有理解并掌握了这些工具,你才能充分利用它们发挥其应有的价值。+
986 23
|
8月前
|
SQL 安全 测试技术
2025接口测试全攻略:高并发、安全防护与六大工具实战指南
本文探讨高并发稳定性验证、安全防护实战及六大工具(Postman、RunnerGo、Apipost、JMeter、SoapUI、Fiddler)选型指南,助力构建未来接口测试体系。接口测试旨在验证数据传输、参数合法性、错误处理能力及性能安全性,其重要性体现在早期发现问题、保障系统稳定和支撑持续集成。常用方法包括功能、性能、安全性及兼容性测试,典型场景涵盖前后端分离开发、第三方服务集成与数据一致性检查。选择合适的工具需综合考虑需求与团队协作等因素。
1094 24