Button 原型按钮点击

Button 原型按钮点击,button,prototypejs,Button,Prototypejs,如何让html页面上的每个按钮使用prototype.js执行相同的功能? 我使用了someElement.observe()方法,它只适用于一个按钮。但是,如何在不为每个按钮单独编码的情况下为页面上的每个按钮执行此操作?使用css选择器选择多个元素: $$('input[type="button"]').observe(...) 您还可以使用事件委派在包含按钮的元素(例如文档正文)上注册一个事件处理程序,并利用事件在DOM中冒泡的事实 这将确保为每个按钮调用事件处理程序,即使您向页面动态添

如何让html页面上的每个按钮使用prototype.js执行相同的功能?
我使用了someElement.observe()方法,它只适用于一个按钮。但是,如何在不为每个按钮单独编码的情况下为页面上的每个按钮执行此操作?

使用css选择器选择多个元素:

$$('input[type="button"]').observe(...) 

您还可以使用事件委派在包含按钮的元素(例如文档正文)上注册一个事件处理程序,并利用事件在DOM中冒泡的事实

这将确保为每个按钮调用事件处理程序,即使您向页面动态添加新按钮

例如


您也可以使用它:

Event.observe(window, 'load', function(){
$('idForm').getInputs('radio', 'nameRadio').each(function(el){
el.onclick  = function(){
//Actions<br>

});
});
事件。观察(窗口“加载”,函数(){
$('idForm')。getInputs('radio','nameRadio')。每个(函数(el){
el.onclick=函数(){
//行动
}); });
Event.observe(window, 'load', function(){
$('idForm').getInputs('radio', 'nameRadio').each(function(el){
el.onclick  = function(){
//Actions<br>

});
});