molily: onclick Funktion beibehalten

Beitrag lesen

Mit dem traditionellen Event-Handling lassen sich mehrere Handler-Funktionen nur über komplizierte Umwege lösen, siehe Nachteile des traditionellen Event-Handlings.

Für solche Fälle solltest du dir eine Helferfunktion zulegen, die je nach Verfügbarkeit die moderneren W3C- oder das Microsoft-Modelle nutzt. Siehe etwa A Good Enough addEvent:

function addEvent (obj, type, fn) {  
   if (obj.addEventListener) {  
      obj.addEventListener(type, fn, false);  
   } else if (obj.attachEvent) {  
      obj.attachEvent('on' + type, function() {  
         return fn.call(obj, window.event);  
      });  
   }  
}

Anwendungsbeispiel:

function clickHandler () {  
   // Meine Handlerfunktion  
}  
addEvent(document.getElementById("meinElement"), "click", clickHandler);

Oder mit anonymer Funktion:

addEvent(document.getElementById("meinElement"), "click", function () {  
   // Meine Handlerfunktion  
});

Mathias