Prototipo equivalente para la función jQuery live

Question

Necesito vincular el detector de eventos a todos los elementos creados dinámicamente con el selector CSS dado.

En jQuery, que sería

$(".foo").live("click", function(e) { 
    // bar 
}); 

¿Hay alguna equivalente en Prototipo para esto?

Answer 1

Esto se hace generalmente con Event#findElement:

document.observe('click', function(e, el) { 
    if (el = e.findElement('.foo')) { 
    // there's your `el` 
    // might want to stop event at this point - e.stop() 
    } 
}); 

Answer 2

La respuesta correcta a la pregunta está aquí: http://gurde.com/2011/08/jquery-live-in-prototype/

El equivalente de la jQuery .live() en Prototype es el método Event.on():

var handler = document.on(
    'click', 
    'div[id^="post-"] .attached-post-thumbnail', 
    function(event, element) { 
     console.log(this); 
     console.log(element); 
    }.bind(this) 
); 

handler.stop(); 
handler.start(); 

Dentro de la devolución de llamada, la palabra clave this se referirá siempre al elemento original (en este caso documento) .