Detaillierte Erklärung zur Verwendung von Javascript zur Behandlung allgemeiner Ereignisse
|
JS-Ereignisse beziehen sich auf Verhaltensweisen, die in Browserformularen oder HTML-Elementen auftreten und die Ausführung von JS-Codeblöcken auslösen können. Als Nächstes werfen wir einen Blick auf die zugehörigen Ereignisse. 1. FormularereignisseBeispielsweise das Onload-Ereignis: Wenn die Seite vollständig geladen ist (einschließlich Bilder, JS-Dateien, CSS-Dateien usw.), wird dieses Ereignis ausgelöst.
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="utf-8">
<title>Blumenhund Online</title>
<Skript>
fenster.onload = funktion(){
var meindiv = document.getElementById("meindiv");
alert("Seite wurde geladen, der Inhalt von mydiv ist: "+mydiv.innerText);
}
</Skript>
</Kopf>
<Text>
<div id='mydiv'>Ich bin ein Blumenhund, eine Blume eines Blumenhundes, ein Hund eines Blumenhundes. </div>
</body>
</html>
2. MausereignisseWenn beispielsweise die linke Maustaste geklickt wird, tritt ein Onclick-Ereignis auf:
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="utf-8">
<title>Blumenhund Online</title>
<Stil>
html,Text{
Breite: 100 %;
Höhe: 100%;
}
</Stil>
<Skript>
Funktion Mausklick(){
alert('Seite angeklickt');
}
</Skript>
</Kopf>
<body onclick="Mausklick()">
<div id='mydiv'>Ich bin ein Blumenhund, eine Blume eines Blumenhundes, ein Hund eines Blumenhundes. </div>
</body>
</html>
3. Tastaturereignisse
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="utf-8">
<title>Blumenhund Online</title>
<Stil>
html,Text{
Hintergrundfarbe: Aquamarin;
Breite: 100 %;
Höhe: 100%;
}
</Stil>
<Skript>
Funktion keydown(Ereignis){
wenn(event.keyCode==37){
alert(event.keyCode +'Sie haben die linke Taste gedrückt');
}
wenn(event.keyCode==38){
alert(event.keyCode +'Sie haben die Aufwärtstaste gedrückt');
}
wenn(event.keyCode==39){
alert(event.keyCode +'Sie haben die richtige Taste gedrückt');
}
wenn(event.keyCode==40){
alert(event.keyCode +'Sie haben die Abwärtstaste gedrückt');
}
}
</Skript>
</Kopf>
<body onkeydown="keydown(Ereignis)">
</body>
</html>
4. Allgemeine Ereignismethoden (einschließlich Fensterereignisse, Mausereignisse, Tastaturereignisse, Textereignisse)
5. Event-Bubbling und Event-CapturingWenn ein Ereignis eintritt, wird ein Ereignisstrom generiert. Wenn ein HTML-Element ein Ereignis generiert, wird das Ereignis in einer bestimmten Reihenfolge zwischen dem Elementknoten und dem Stammknoten weitergegeben, ähnlich wie bei Rekursion und Rückgabe. Die Methode zum Auslösen des Ereignisses lautet wie folgt: addEventListener("click","doSomething","true"); Wenn der dritte Parameter wahr ist, wird das Ereignis erfasst, wenn er falsch ist, wird das Ereignis aufgeblasen, die Standardeinstellung ist Aufblasen. Ausbreitung von Erfassungsereignissen:
Ausbreitung von Blasenereignissen
Dies ist das Ende dieses Artikels zur Verwendung von JavaScript zur Behandlung allgemeiner Ereignisse. Weitere Informationen zur Behandlung allgemeiner Ereignisse mit JS finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! Das könnte Sie auch interessieren:
|
<<: MySQL-Wissenspunkte für die Computerprüfung der zweiten Ebene MySQL-Alter-Befehl
>>: IIS und APACHE implementieren die HTTP-Umleitung auf HTTPS
Artikel empfehlen
Lösung für Ubuntu, das keine Verbindung zum Internet herstellen kann
Problembeschreibung: Ich habe einen Desktop-Compu...
Vue3.0 implementiert die Fallstudie zum Lupeneffekt
Der zu erzielende Effekt ist: Festes Vergrößern a...
So verwenden Sie Docker-Compose, um Django-Anwendungen offline bereitzustellen
Inhaltsverzeichnis Installieren Sie Docker-ce für...
Interpretation von 17 Werbewirksamkeitsmaßen
1. 85 % der Anzeigen werden nicht gelesen <br ...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.15 (Windows)
Da ich MySQL installieren muss, zeichne ich den I...
JavaScript zum Erzielen eines einfachen Karusselleffekts
Was ist ein Karussell? Karussell: In einem Modul ...
Linux-Installationsschritte für Jenkins und verschiedene Problemlösungen (Seitenzugriffsinitialisierungskennwort)
1. Bereiten Sie die Java-Umgebung vor, jdk1.8 Übe...
Detaillierte Erklärung zur Installation des Systems auf VMware Workstation 14 Pro (virtuelle Maschine)
Dieser Artikel beschreibt die Installation des Sy...
So sichern Sie MySQL unter Linux automatisch remote
Vorwort: Ganz gleich, ob wir es für den Eigengebr...
Einführung in die Verwendung des MySQL pt-slave-restart-Tools
Inhaltsverzeichnis Beim Einrichten einer MySQL-Ma...
Implementierungsmethode für die Datenspeicherung im WeChat-Applet
Inhaltsverzeichnis Globale Variable „globalData“ ...
Fehlerbehebung bei den von Alibaba Cloud hinzugefügten Sicherheitsgruppen-Ports und der Unfähigkeit, nach dem Hinzufügen auf sie zuzugreifen
Zweck: 1. Um das externe Netzwerk des Servers übe...
Schritte zur Verwendung von autoconf zum Generieren von Makefile und Kompilieren des Projekts
Vorwort Unter Linux ist zum Kompilieren und Verkn...
Schritte zur Installation von MySQL 8.0.16 unter Windows und Lösungen für Fehler
1. Einleitung: Ich denke, dass die Änderungen nac...
Zusammenfassung einiger Situationen, in denen die Docker-Containerfestplatte voll ist
Vorwort Dieser Artikel beschreibt zwei Situatione...