给对象增加一个简单的自定义事件机制

于 2012-03-28 20:00:00 发布
阅读量64 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/shihao/archive/2012/03/28/2421908.html
本文介绍如何为对象创建并使用简单的自定义事件机制，通过实例演示事件监听和触发过程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  1. <html>

  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  5. <title>给对象增加一个简单的自定义事件机制</title>
  6. </head>

  8. <body>
  9. <script type="text/javascript">
  10. function MyObject()
  11. {
  12.         // 保存事件监听函数数组
  13.         this.RunEventListeners = new Array();
  14. }

  16. MyObject.prototype.Run = function()
  17. {
  18.         // 在这里实现Run方法的代码并且触发
  19.         // 下边是激活onrun事件
  20.         for(var i = 0; i < this.RunEventListeners.length; i++)
  21.                 this.RunEventListeners[i](this);
  22. }

  24. MyObject.prototype.AddEvent = function(name, listener)
  25. {
  26.         switch(name.toLowerCase())
  27.         {
  28.                 case "onrun":
  29.                         this.RunEventListeners[this.RunEventListeners.length] = listener;
  30.                         break;
  31.                 // 还可以在这里增加各种事件，最好判断一下该listener是事已经被添加，以免重复执行，不过这里省了
  32.                 default:
  33.                         break;
  34.         }
  35. }

  37. function OnRun1(sender)
  38. {
  39.         alert("已经执行了OnRun1事件")
  40. }

  42. function OnRun2(sender)
  43. {
  44.         alert("已经执行了OnRun2事件");
  45. }

  47. var myobj = new MyObject();

  49. // 添加两个监听函数
  50. myobj.AddEvent("onrun", OnRun1);
  51. myobj.AddEvent("onrun", OnRun2);


  54. // 执行Run方法，如无例外，会触发onrun事件
  55. myobj.Run();
  56. </script>
  57. </body>

  59. </html>

转载于:https://www.cnblogs.com/shihao/archive/2012/03/28/2421908.html

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值