Latest web development tutorials
×

JavaScript Kurs

JavaScript Kurs JavaScript Kurze Einführung JavaScript Verwendung JavaScript Export JavaScript Grammatik JavaScript Statements JavaScript Note JavaScript Variable JavaScript Datentypen JavaScript Objekte JavaScript Funktion JavaScript Anwendungsbereich JavaScript Ereignis JavaScript Schnur JavaScript Die Betreiber JavaScript vergleichen JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Typumwandlung JavaScript Reguläre Ausdrücke JavaScript Fehler JavaScript Fehlerbeseitigung JavaScript Variable Lift JavaScript Strict-Modus JavaScript Missbrauch JavaScript Formularauthentifizierung JavaScript reservierte Schlüsselwörter JavaScript JSON JavaScript void JavaScript Code-Spezifikation

JS Funktion

JavaScript Funktionsdefinition JavaScript Funktionsargumente JavaScript Funktionsaufruf JavaScript Verschlüsse

JS HTML DOM

DOM Kurze Einführung DOM HTML DOM CSS DOM Ereignis DOM EventListener DOM Element

JS Erweiterte Tutorial

JavaScript Objekte JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Objekte

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript Pop JavaScript Timed Ereignis JavaScript Cookies

JS Lagerhaus

JavaScript Lagerhaus JavaScript Test jQuery JavaScript Test Prototype

JS Beispiele

JavaScript Beispiele JavaScript Object-Instanz JavaScript Browser-Objektinstanz JavaScript HTML DOM Beispiele JavaScript Zusammenfassung

JS Referenzhandbuch

JavaScript Objekte HTML DOM Objekte

JavaScript Events

HTML Veranstaltungen fanden auf dem HTML-Element Dinge.

Wenn Sie JavaScript in HTML-Seiten verwenden, können Sie JavaScript diese Ereignisse auslösen.


HTML-Ereignis

HTML Ereignis kann Browser Verhalten auch sein Benutzerverhalten sein.

Die folgenden sind Beispiele für HTML-Ereignis:

  • HTML-Seite fertig geladen ist
  • Wenn HTML-Eingabefeld ändert
  • HTML-Schaltfläche geklickt wird

Normalerweise, wenn ein Ereignis eintritt, können Sie etwas tun.

Wenn ein Ereignis ausgelöst wird, kann JavaScript einige Code ausführen.

HTML-Elemente können auf ein Ereignisattribut mit Hilfe von JavaScript-Code hinzugefügt werden, HTML-Elemente hinzuzufügen.

Einfache Anführungszeichen:

<Some-HTML-Element Manch- event = 'einige JavaScript>

Doppelte Anführungszeichen:

<Some-HTML-Element Manch- event = "einige JavaScript">

Im folgenden Beispiel, fügte ein Button-Element Onclick-Attribut (plus code):

Beispiele

<Schaltfläche Onclick = 'getElementById ( "Demo"). Innerhtml = Date () "> Die Zeit ist jetzt ?? </ button>

Versuchen »

Das obige Beispiel, JavaScript-Code Inhalt id = "Demo" Element.

Im nächsten Beispiel wird der Code den Inhalt des Elements selbst (mit diesem .innerHTML) zu ändern:

Beispiele

<Schaltfläche Onclick = "this.innerHTML = Date ()"> Die Zeit ist jetzt? </ Button>

Versuchen »

Note JavaScript-Code ist in der Regel ein paar Zeilen Code. Häufiger wird durch die Ereigniseigenschaften aufgerufen:

Beispiele

<Schaltfläche Onclick = "displayDate ()"> Die Zeit ist jetzt? </ Button>

Versuchen »


Gemeinsame HTML-Ereignis

Hier ist eine Liste von einigen gemeinsamen HTML-Ereignis:

Ereignis Beschreibung
Onchange HTML-Element Änderungen
Onclick Ein Benutzer klickt auf ein HTML-Element
onmouseover Der Benutzer bewegt die Maus auf einem HTML-Element
onmouseout Der Benutzer bewegt die Maus von einem HTML-Element
onkeydown Benutzer eine Taste drückt
onload Der Browser beendet das Laden der Seite

Weitere Event - Liste: die JavaScript - Referenz - HTML - DOM - Ereignis .


JavaScript Was kann getan werden?

Events können verwendet werden, Formularvalidierung, die Benutzereingaben, Benutzerverhalten und Browser-Aktionen zu behandeln:

  • Das Ereignis wird ausgelöst, wenn die Seite geladen
  • Das Ereignis wird ausgelöst, wenn die Seite Schließen
  • Der Benutzer klickt auf eine Schaltfläche, um eine Aktion auszuführen
  • Überprüfen Sie die Legitimität von Benutzereingaben
  • Und so weiter ...

Sie können eine Vielzahl von Methoden verwenden, um JavaScript-Event-Code ausführen:

  • HTML Ereignisattribute können JavaScript-Code direkt ausführen
  • HTML Ereignisattribute können die JavaScript-Funktion aufrufen
  • Sie können Ihre eigenen Ereignishandler für HTML-Elemente angeben
  • Sie können das Auftreten eines Ereignisses zu verhindern.
  • Und so weiter ...
Note Im HTML-DOM Kapitel finden Sie mehr über die Veranstaltung und die Event-Handler-Wissen lernen.