Unión de funciones personalizadas para eventos DOM en el prototipo?

Question

Jquery tiene una gran construcción de lenguaje que se parece a esto:

$(document).ready(function() {
    $("a").click(function() {
        alert("Hello world!");
    });
});

Como se puede adivinar esto, una vez que el documento se ha cargado, se une a una función personalizada para el evento onClick de todos un las etiquetas.

La pregunta es, ¿cómo puedo lograr este mismo tipo de comportamiento en el Prototipo?

Answer 1

Prototipo 1.6 proporciona la "dom:cargado" evento en el documento:

document.observe("dom:loaded", function() {
    $$('a').each(function(elem) {
        elem.observe("click", function() { alert("Hello World"); });
    });
});

Yo también uso el cada iterador en el array devuelto por $$().

Answer 2

$(document).observe('dom:loaded', function() {
    $$('a').invoke('observe', 'click', function() {
        alert('Hello world!');
    });
});

Answer 3

Event.observe(window, 'load', function() { 
     Event.observe(element, 'click', function() { 
         alert("Hello World!");
     });
});

Por supuesto, usted necesita para "seleccionar" los elementos primero en Prototipo.

Answer 4

Este artículo da una muy buena visión general de Prototipo de la biblioteca de eventos.Creo que, en comparación con jQuery, esta es una de la edad de piedra de la api.:)

http://alternateidea.com/blog/articles/2006/2/8/working-with-events-in-prototype