JS 原型：避免事件处理程序多次绑定到同一个对象

Question

因此，对于新的 ajax 事物，我们必须在每次进行 ajax 调用时重新初始化 Javascript 事件处理程序，因为 ajax 调用可能会导致整个页面的大量重绘，从而导致未初始化的对象。

看看这个 jsfiddle： Javascript 事件处理程序多次添加到同一个对象

这就是我所拥有的，它似乎有效，但是因为它将与我们拥有的一切一起使用：我想确保它是正确的解决方案。 例如，全局定义的变量

    MyCompany.field.bindedOnfocusSelector = MyCompany.field._focusEventHandler.bindAsEventListener(MyCompany.field);

感觉不对。而且它缺乏传递更多函数参数的可能性。

正如另一张海报建议的原型 $(smth).on(event) 我在让它工作时遇到了问题 - 我记得跨浏览器方面的问题（例如，在 IE 8 上，在 Firefox 中工作的东西不起作用）即使在这个更简单的示例中 jsFiddle 的 on('focus') 问题：

Answer 1

您注册一个ajax响应程序怎么样，并在请求完成后添加方法

Ajax.Responders.register({
    onComplete: function(transport) {
        MyCompany.field._initTextInputFields();
    }
});

更新

好吧，考虑到您的评论，观察整个页面即body并确定如何如果发生输入事件，例如：

 $("#body").on("focus", "input[type=text]:not([readonly])", function(event, element) {
    // ....
 });

我认为这会对您有所帮助，因为您只需添加一个观察者，并且永远不需要删除它，您的所有逻辑都可以包含在内。

PS：请注意 Event.on 仅在原型 1.7 中可用

UPDATE

好吧，如果你只是检查点击，键盘现在无法工作，但我认为这是一个可行的解决方案

更新的Fiddle