将自定义代码添加到mootools addEvent

Question

尽管我现在一直在使用mootools，但我还没有真正与当地玩家一起玩。目前我试图通过在原始旁添加一个自定义的addEvent方法来扩展事件。我这样做，用下面的代码（从核心的mootools复制）

Native.implement([Element, Window, Document], { 
    addMyEvent:function(){/* code here */} 
} 

现在的问题是，我似乎无法弄清楚，如何正确地覆盖现有fireEvent法的方式，但我还是能打电话执行我自己的逻辑之后的原始方法。

我大概可以得到一些丑陋的黑客所期望的结果，但我更喜欢学习优雅的方式:)

---

更新：尝试了丑陋的黑客。他们都没有工作。要么我不明白关闭，要么我在调整错误的地方。我试着将Element.fireEvent保存到一个临时变量（有和没有使用闭包），然后我将从覆盖的fireEvent函数中调用（使用Native.implement覆盖 - 与上面相同）。结果是一个无止境的循环，fireEvent一遍又一遍地调用自己。

更新2： 我跟着执行使用萤火虫，它导致我Native.genericize，这似乎是作为一种本地类的方法代理。因此，我没有引用实际的fireEvent方法，而是引用了代理并导致了无限循环。谷歌没有找到任何有关这方面的有用文件，当我不完全了解它是如何工作的时候，我有点担心如何在引擎盖下进行探测，因此非常感谢任何帮助。

---

更新3 - 原来的问题解决了： 正如我回答下面贝尔巴托夫的评论，我是自己来解决原来的问题。我试图创建一个方法来添加事件，在一定程度的执行后自毁。虽然原来的问题已经解决，但我关于扩展本地化的问题依然存在。

这里的成品代码：

Native.implement([Element, Window, Document], { 
addVolatileEvent:function(type,fn,counter,internal){ 
    if(!counter) 
     counter=1; 
    var volatileFn=function(){ 
     fn.run(arguments); 
     counter-=1; 
     if(counter<1) 
     { 
      this.removeEvent(type,volatileFn); 
     } 
    } 
    this.addEvent(type,volatileFn,internal); 
} 
}); 

的名称是正确的？这是我能拿出有限的词汇的最好方式。

Answer 1

document.id("clicker").addEvents({ 
    "boobies": function() { 
     console.info("nipple police"); 
     this.store("boobies", (this.retrieve("boobies")) ? this.retrieve("boobies") + 1 : 1); 
     if (this.retrieve("boobies") == 5) 
      this.removeEvents("boobies"); 
    }, 
    "click": function() { 
     // original function can callback boobies "even" 
     this.fireEvent("boobies"); 
     // do usual stuff. 
    } 
}); 

添加一个简单的事件处理程序来计算它经历的迭代次数，然后自毁。

将事件视为特定键下的简单回调，其中一些键绑定到特定事件，并被激活。

如果可能的话，使用元素存储总是可取的 - 它允许您在不同范围之间共享同一元素上的数据，而不使用复杂的打孔或全局变量。

本地人不应该像这样被改装成的，只是做：

Element.implement({ 
    newMethod: function() { 
     // this being the element 
     return this; 
    } 
}); 

document.id("clicker").newMethod(); 

除非，当然，你需要定义的东西，适用于窗口或文档为好。