PrototypeJS 中的 delegate()

Question

我习惯了 jQuery，它有一个 delegate() 方法。假设我有这样的 HTML：

<div id="covers">
   <a href="#"><img ... /></a>
   <a href="#"><img ... /></a>
   <a href="#"><img ... /></a>
   <a href="#"><img ... /></a>
   <a href="#"><img ... /></a>
   <a href="#"><img ... /></a>
   ...lots anchors here...
</div>

在 jQuery 中，我可以将事件绑定到父 div，而不是使用 delegate() 将各个处理程序附加到新的、动态添加的锚点，如下所示：

$('#covers').delegate('a', 'click', function(){
   /// stuff I want to do
   var clickedAnchor = $(this);
});

等效代码是什么位于 原型 中吗？

Answer 1

Prototype 的理念是，你更像是在纯 JavaScript 中，只是添加了跨浏览器抽象（加上每年发布一次，加上污染了原生原型）。

因此 Prototype 中没有委托。您可以使用 Event#findElement 不过。

$('covers').observe('click', function (event) {
  var link = event.findElement('a');

  if (link) {
      // ...
  }
});

---

编辑：原型中有委托：http://api.prototypejs.org/dom/Event/on/！

$('covers').on('click', 'a', function (event, element) {
   // ...
});