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

  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>
posted @ 2012-03-28 20:00  ChaunceyHao  阅读(185)  评论(0)    收藏  举报