Heim > Artikel > Web-Frontend > Was ist das Ereignis des JavaScript-Lernens? Wofür werden Veranstaltungen genutzt?
Was ist das Ereignis des JavaScript-Lernens? Wofür werden Veranstaltungen genutzt?
- 青灯夜游nach vorne
- 2018-10-16 17:47:491840Durchsuche
In diesem Artikel erfahren Sie, was beim JavaScript-Lernen geschieht. Wofür werden Veranstaltungen genutzt? Lassen Sie alle wissen, was häufig verwendete Ereignisse sind und was Ereignisse bewirken können. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.
Zuerst verstehen wir Was ist ein Ereignis?
Ereignisse sind Verhaltensweisen, die von JavaScript erkannt werden können.
HTML-Ereignisse sind Dinge, die mit HTML-Elementen passieren.
Wenn JavaScript in einer HTML-Seite verwendet wird, kann JavaScript diese Ereignisse auslösen.
HTML-Ereignisse
HTML-Ereignisse können Browserverhalten oder Benutzerverhalten sein.
Jedes Element in einer HTML-Webseite kann bestimmte Ereignisse generieren, die JavaScript-Funktionen auslösen können.
Das Folgende sind Beispiele für HTML-Ereignisse:
Laden der HTML-Seite abgeschlossen
Wenn sich das HTML-Eingabefeld ändert
HTML-Schaltfläche angeklickt wird
Wenn ein Ereignis eintritt, gibt es normalerweise Dinge, die Sie tun können.
Wenn ein Ereignis ausgelöst wird, kann JavaScript Code ausführen. Ereignisattribute können zu
HTML-Elementen hinzugefügt werden und JavaScript-Code kann zum Hinzufügen von HTML-Elementen verwendet werden.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<span id="demo"></span>
<button onclick='getElementById("demo").innerHTML=Date()'>时间</button>
</body>
<script type="text/javascript">
</script>
</html>Im obigen Beispiel ändert der JavaScript-Code den Inhalt des Elements mit id="demo".
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<span id="demo"></span>
<button onclick='this.innerHTML=Date()'>时间</button>
</body>
<script type="text/javascript">
</script>
</html>Im obigen Beispiel ändert der JavaScript-Code den Inhalt seines eigenen Elements. (Verwenden Sie this.innerHTML).
JavaScript-Code besteht normalerweise aus ein paar Codezeilen und wird häufiger über Ereignisattribute aufgerufen.
Allgemeine HTML-Ereignisse
|
Beschreibung | ||||||||||||||
| onchange | onclick | Benutzer klickt auf HTML-Element | |||||||||||||
| onmouseover | Der Benutzer bewegt die Maus über ein HTML-Element | ||||||||||||||
| onmouseout | Der Benutzer bewegt die Maus von einem HTML-Element weg | ||||||||||||||
| Benutzer drückt Tastaturtaste | |||||||||||||||
| onload | Browser-vervollständigte Seite wird geladen |
Was können JavaScript-Ereignisse bewirken?
Ereignisse können zur Verarbeitung von Formularvalidierung, Benutzereingaben, Benutzerverhalten und Browseraktionen verwendet werden:
Seitenladen Das Ereignis wird ausgelöst, wenn
Das Ereignis wird ausgelöst, wenn die Seite geschlossen wird
-
Der Benutzer klickt auf die Schaltfläche, um die Aktion auszuführen
Überprüfung der Rechtmäßigkeit der Benutzereingabe
. . . . . .
Sie können mehrere Methoden verwenden, um JavaScript-Ereigniscode auszuführen
HTML-Ereignisattribute können JavaScript-Code direkt ausführen
HTML-Ereignisattribute können JavaScript-Funktionen direkt aufrufen
Sie können Ihren eigenen Ereignishandler für HTML-Ereignisattribute angeben
Sie können blockieren Ereignisse Das Auftreten von
. . . . . .
Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird. Weitere verwandte Tutorials finden Sie unter JavaScript-Video-Tutorial, jQuery-Video-Tutorial, Bootstrap-Tutorial!
Das obige ist der detaillierte Inhalt vonWas ist das Ereignis des JavaScript-Lernens? Wofür werden Veranstaltungen genutzt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!