HTML/Attribute/on*

Event-Handler (Ereignisbehandler) sind globale HTML-Attribute, die eine Verknüpfung zu einer Script-Sprache (meist JavaScript) herstellen. Ein Element, das einen Event-Handler enthält, kann auf ein solches Ereignis (Mausklick, ein Tastendruck oder eine Wischbewegung auf einem Touch-Screen des Anwenders) reagieren.

erlaubte Werte	Skript
default-Wert
erlaubt in	allen Elementen
Browsersupport	Details bei caniuse.com: {{{caniuse}}}

Beispiel

<input type="text" name="age"
  onblur="
    if( this.value &amp;&amp; parseInt(this.value) &lt; 10 ){ 
      alert('Sie gehören aber ins Kindernet'); 
      this.focus(); 
    }"
  value="">

Im Beispiel enthält ein input-Element ein Event-Attribut mit dem onblur-Ereignis. Als Wert wird ein Script notiert, in dem <-Zeichen als < und && als && korrekt maskiert sind.

Es ist auch darauf zu achten, dass Anführungszeichen korrekt verwendet werden.

Sie können im obigen Fall die doppelten Anführungszeichen nur in maskierter Form " verwenden.

Beachten Sie: JavaScript-Code im HTML-Kontext wird schnell unlesbar. Verzichten Sie auf jeden Fall auf komplexe Ausdrücke. Am besten binden Sie Events dynamisch an Elemente.

Empfehlung: Eventhandler sollte man in der Regel nicht im HTML selbst notieren, sondern mittels Javascript dynamisch an Elemente binden. Dies folgt der Tugend des Unobtrusive JavaScript, denn nur aktiv JavaScript ausführende Browser sollen auch mit JavaScript-Code konfrontiert werden.

Siehe auch

• JavaScript/Tutorials/DOM/Ereignisverarbeitung (Einstieg für Anfänger)
• JavaScript/DOM/Event (alphabetische Übersicht aller Event-Handler)

Weblinks

• W3C: HTML4 Spezifikation zu Eventhandler-Attributen
• W3C: Event-Handler in HTML5
• Stack Overflow: What is the difference between HTML Event Attributes and Assign Events Using the HTML DOM? (Die 2. Antwort gibt einen umfassenden Überblick über die Geschichte der HTML-Attribute in DOM 0 und ihre Nachteile heute)