JavaScript Event Beispiel 2: Durchreichen von Events auf unterschiedliche Ebenen

<a href="javascript:activateHandlers ()" title="">Handler aktivieren</a><br>
Eingabefeld: <input type="text" name="kommentar" maxlength="25" size="25" /><br>
<a href="javascript:deactivateHandlers ()" title="">Handler deaktivieren</a>
<script language="javascript" type="text/javascript">
<!-- // JavaScript-Bereich für ältere Browser auskommentieren
// Event-Handler für das Event keydown
// Zeigt einen Alert-Dialog an, der angibt, welches Element das Event behandelt
function handleKeydown (event) {
  // Informationen über das Element, welches diesen Event-Handler nutzt
  // für spätere Ausgabe zusammenstellen
  info = 'Event ' + event.type + ' aufgetreten!' +
         '\nObjektinformationen: ' + this +
         '\nEigenschaft ID: ' + this.id +
         '\nEigenschaft Name: ' + this.name +
         '\nElement-Name: ' + this.nodeName +
         '\nElement-Typ: ' + this.nodeType;
  if (this.nodeType)
    info += ' (' + (this.nodeType == 1 ? 'Elementknoten' : 'Dokumentknoten') + ')';
  // Infos in einem Dialogfenster ausgeben
  alert (info);
}

// Event-Handler aktivieren (mit HTML-Elementen verbinden)
function activateHandlers () {
  // Handler "handleKeydown" beim Auftreten des KeyDown-Events beim Body-Element aktivieren
  document.getElementsByTagName ('body')[0].onkeydown = handleKeydown;
  // Handler "handleKeydown" beim Auftreten des KeyDown-Events beim Element mit dem Namen "kommentar" aktivieren
  document.getElementsByName ('kommentar')[0].onkeydown = handleKeydown;
  // Handler "handleKeydown" beim Auftreten des KeyDown-Events beim Document-Element aktivieren
  document.onkeydown = handleKeydown;
  // Handler "handleKeydown" beim Auftreten des KeyDown-Events beim Window-Element aktivieren
  window.onkeydown = handleKeydown;
}

// Event-Handler deaktivieren
function deactivateHandlers () {
  // Verbindung der Elemente zum Event-Handler lösen, damit der Handler
  // künftig nicht mehr aufgerufen wird, wenn das Event eintritt
  document.getElementsByTagName ('body')[0].onkeydown = '';
  document.getElementsByName ('kommentar')[0].onkeydown = '';
  document.onkeydown = '';
  window.onkeydown = '';
}
// -->
</script>

Eingabefeld:
Handler aktivieren
Handler deaktivieren

Letzte Posts aus unserem Forum

Stream musik

Hallo, ich bin auf der Suche nach einem Script, mit dem ich einen Leser für Audio-Spuren in eine Html-Webseite einfügen kann. Ich brauche dabei ... » mehr

von Finlay am Sonntag, 22. Januar 2012 22:52 in JavaScript - bisher 1 Antwort
Letzter Beitrag: Montag, 23. Januar 2012 17:02 von alm

Hallo, wenn es um einen MP3-Player geht, dann sollte jplayer das Richige sein. Einfach mal den Suchschlitz der Suchmaschine Deiner Wahl nutzen. ... » mehr

Überbelnd effect in javascript gallerie

ich habe hier einie gallerie die funktioniert problem los aber hat noch kein über belnd effect jedoch würde ich diesen gerne einfügen aber ich habe ... » mehr

von faebe am Freitag, 20. Januar 2012 20:19 in JavaScript - noch nicht beantwortet

XML per JavaScript verarbeiten - IE

Hallo! Vielen Dank für das super kommentierte Script-Beispiel zur Weiterverarbeitung von XML-Dateien per JavaScript: ... » mehr

von gn0me am Freitag, 11. März 2011 19:03 in JavaScript - noch nicht beantwortet

Galerie Erweiterung

Hi, zu erst mal ein Lob an Eure Galerie. Nun habe ich allerdings eine Frage um die Galerie eventuell zu erweitern. Derzeit wird auf meiner Seite ... » mehr

von G-RuN am Dienstag, 25. Januar 2011 17:13 in JavaScript - bisher 8 Antworten
Letzter Beitrag: Dienstag, 1. Februar 2011 17:11 von G-RuN

Hat sich erledigt. Mir haben noch die Zuweisung von der Variablen anzahl_bilder und anzahl_thumbnails gefehlt. Grüße, ... » mehr

bei submit ein neues Fenster öffnen

Hallo, ich habe hier ein kleines Problem und ... » mehr

von Kallchen am Freitag, 14. Januar 2011 23:07 in JavaScript - bisher 3 Antworten
Letzter Beitrag: Samstag, 15. Januar 2011 12:47 von alm

window.location = "_blankeineseite.html"; Das funktioniert auf keinen Fall. Die Location-Eigenschaft muss eine URL enthalten und wird bei ... » mehr



¬ Insolvenzrecht