Кнопка прототипа на клике

Question

Как сделать так, чтобы каждая кнопка на html-странице выполняла одну и ту же функцию, используя prototype.js? Я использовал метод someElement.observe (), и он работал для одной кнопки. Но как я могу сделать это для каждой кнопки на странице без кодирования отдельно для каждой кнопки?

Answer 1

Используйте селектор css для выбора нескольких элементов:

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

Answer 2

Вы также можете использовать делегирование событий, чтобы зарегистрировать один обработчик событий в элементе, который содержит ваши кнопки (например, тело документа), и воспользоваться тем, что события всплывают в DOM.

Это обеспечит вызов вашего обработчика событий для каждой кнопки, даже если вы динамически добавляете новые кнопки на страницу.

* 1005 Е.Г. *

document.observe( 'click', function( event )
{
  var elem = event.element();
  if ( elem.match( 'input[type="button"]' ) )
  {
    // Do your event handler
  }
});

Answer 3

Вы также можете использовать это:

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

});
});