原型中的 jQuery Live 实现

Question

Element.implement({
    addLiveEvent: function(event, selector, fn){
        this.addEvent(event, function(e){
            var t = $(e.target);

            if (!t.match(selector)) return false;
                fn.apply(t, [e]);
        }.bindWithEvent(this, selector, fn));
    }
});

$(document.body).addLiveEvent('click', 'a', function(e){ alert('This is a live event'); });

上面的代码是在similar question 中完成的，用于在 Mootools 中实现 .live 行为。我读过这个问题：Prototype equivalent for jQuery live function。

如何在 Prototype 中实现这一点？大概可以这样实现：

document.liveobserve('click', 'a', function(e){ alert('This is a live event');

已编辑以明确问题。

Answer 1

最简单（也许不是最快或最好）的方法看起来像这样：

Element.live = function(evType, evSelector, evBlock) {
  var mySelector = evSelector;
  var myBlock = evBlock;
  this.observe(evType, function(ev) {
    if (ev.target.match(mySelector)) {
      evBlock(ev);
    }
  });
};

参数 evSelector 和 evBlock 分配给局部变量，因此它们可用于事件处理程序（它是一个闭包）。传递的块 evBlock 像普通的 Prototype 事件处理程序一样被传递事件对象。

应该注意，这将处理“evType”类型的每个事件，因此如果它是 mouseMove/mouseOver，这将使您的页面变慢。由于 FireBug 必须单步执行的事件数量，因此 FireBug 可能只会在你身上睡觉。

编辑：根据 cmets 更改