javascript - プロトタイプでカスタム関数を DOM イベントにバインドしますか?

Question

Jquery には、次のような優れた言語構造があります。

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

ご想像のとおり、ドキュメントが読み込まれると、カスタム関数がすべての aタグの onClick イベントにバインドされます。

問題は、Prototype でこれと同じ種類の動作を実現するにはどうすればよいかということです。

Answer 1

プロトタイプ 1.6 は、ドキュメントに「dom:loaded」イベントを提供します。

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

また、 $$ ()によって返される配列でeachイテレータを使用します。

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

もちろん、プロトタイプで最初に要素を「選択」する必要があります。