将自定义函数绑定到原型中的DOM事件？

Question

jQuery有一个伟大的语言结构，看起来像这样：

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

正如你可能已经猜到这一点，一旦该文件已加载，结合自定义函数的所有一个标签的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

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

当然，您需要先在Prototype中“选择”元素。

Answer 3

本文对Prototype的事件库进行了很好的概述。我认为，与jQuery相比，这是一个石器时代的api。 :)

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

Answer 4

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