Vinculação de funções personalizadas para eventos DOM no protótipo?

Question

Jquery tem uma grande construção de linguagem que se parece com isso:

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

Como você pode imaginar isso, uma vez que o documento foi carregado, liga-se uma função personalizada para o evento onClick de todos os um as tags.

A pergunta é, como posso conseguir esse mesmo tipo de comportamento no Protótipo?

Answer 1

Protótipo 1.6 fornece o "dom:loaded" evento no documento:

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

Eu também uso o cada iterador sobre a matriz retornada pelo $$().

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!");
     });
});

É claro que você precisa para "selecionar" os elementos do primeiro Protótipo.

Answer 4

Este artigo dá uma boa visão geral do Protótipo da biblioteca de eventos.Eu acho que, em comparação com o jQuery, isso é uma idade da pedra api.:)

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