Prototyp Schaltfläche onClick

Question

Wie kann ich jede Schaltfläche auf einer HTML-Seite führen die gleiche Funktion mit prototype.js? Ich habe die someElement.observe() -Methode verwendet und es funktionierte für eine Schaltfläche. Aber wie kann ich das für jeden Knopf auf der Seite tun, ohne für jede Taste einzeln zu kodieren?

Answer 1

Verwenden Sie den CSS-Selektor mehrere Elemente auszuwählen:

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

Answer 2

Sie auch Event-Delegation verwenden können ein Event-Handler auf dem Element zu registrieren, die Ihre Tasten (zB Dokumentkörper) enthält und sich die Tatsache zunutze nehmen dass Ereignisse das DOM aufblasen.

Dadurch wird sichergestellt, dass Ihr Ereignishandler für jede Schaltfläche aufgerufen wird, auch wenn Sie der Seite dynamisch neue Schaltflächen hinzufügen.

z.

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

Answer 3

Sie können dies auch nutzen:

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

}); 
});