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
Detaillierte Schritte zur Remotebereitstellung einer MySQL-Datenbank unter Linux
Remotebereitstellung der MySQL-Datenbank unter Li...
Verwenden Sie das ab-Tool, um einen API-Stresstest auf dem Server durchzuführen
Inhaltsverzeichnis 1 Eine kurze Einführung in den...
Beispielcode für reines CSS zum Erzielen eines Popup-Popup-Effekts beim Hovern von Bildern
Umsetzungsprinzip Die Hauptgrafik besteht aus zwe...
So beheben Sie das Timeout während des Pip-Vorgangs in Linux
So lösen Sie das Timeout-Problem, wenn Pip in Lin...
Führen Sie die Initialisierungs-SQL aus, wenn Docker MySQL startet
1. Ziehen Sie das Mysql-Image docker pull mysql:5...
MySQL-Methode zum Generieren von Zufallszahlen, Zeichenfolgen, Daten, Bestätigungscodes und UUIDs
Inhaltsverzeichnis Zufallszahlen generieren Gener...
Detaillierte Erklärung dieses Zeigeproblems in der JavaScript-Funktion
dieses Schlüsselwort Welches Objekt ruft die Funk...
Detaillierte Erklärung der Listendarstellung von Vue
Inhaltsverzeichnis 1. v-for: Array-Inhalte durchl...
CSS-Implementierungscode für horizontale und vertikale Fortschrittsbalken
Manchmal ist es schön, ein paar nette Scrollbar-E...
Beispielüberprüfung MySQL | Update-Feld mit demselben Wert zeichnet Binlog auf
1. Einleitung Vor ein paar Tagen fragte mich ein ...
Wie CSS die Zeit des weißen Bildschirms während des ersten Ladens beeinflusst
Rendering-Pipeline mit externen CSS-Dateien In de...
js, um die vollständigen Schritte der Konvertierung von Chinesisch nach Pinyin durchzuführen
Ich habe js verwendet, um ein Paket zur Konvertie...
Einführung in die Verwendung von exists und except in SQL Server
Inhaltsverzeichnis 1. existiert 1.1 Beschreibung ...
Vue verwendet Plug-Ins, um Bilder proportional zuzuschneiden
In diesem Artikel wird der spezifische Code von V...
Bedingtes Rendering von Vue (v-if und v-show)
Inhaltsverzeichnis 1. v-wenn 2. Verwenden Sie v-i...