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
Navicat: Mehrere Möglichkeiten zum Ändern des MySQL-Datenbankkennworts
Methode 1: Verwenden Sie den Befehl SET PASSWORD ...
js-Speicherleckszenarien, wie man sie im Detail überwacht und analysiert
Inhaltsverzeichnis Vorwort Welche Situationen kön...
CSS realisiert den Maskeneffekt, wenn die Maus über das Bild bewegt wird
1. Setzen Sie den HTML-Code der Maskenebene und d...
Einige Dinge, die Sie über den Varchar-Typ in MySQL wissen sollten
Speicherregeln für varchar In Versionen unter 4.0...
15 Linux-Befehlsaliase, die Ihnen Zeit sparen
Vorwort Bei der Verwaltung und Wartung des Linux-...
Beitrag zur Übermittlung von HTML-Daten_PowerNode Java Academy
Zu den vom HTTP/1.1-Protokoll angegebenen HTTP-An...
XHTML-Tags haben ein schließendes Tag
<br />Ursprünglicher Link: http://www.dudo.o...
Beispiel für eine geplante MySQL-Datenbanksicherung
Dieser Artikel beschreibt das Beispiel eines gepl...
So implementieren Sie die Größenanpassung mobiler Webseiten
Ich habe das vorliegende Projekt endlich abgeschl...
Detaillierte Einführung in die JavaScript-Funktion
Durch Funktionen lassen sich beliebig viele Anwei...
Reagieren Sie auf den nativen ScrollView-Pulldown-Aktualisierungseffekt
In diesem Artikel wird der spezifische Code des P...
Vue: Wertübertragung zwischen Vater und Sohn, Wertübertragung zwischen Bruder und Kind, detaillierte Erläuterung
Inhaltsverzeichnis 1. Die übergeordnete Komponent...
Vue ElementUI Form-Formularvalidierung
Die Formularvalidierung ist eine der am häufigste...
Detaillierte Erläuterung der Angular-Routing-Grundlagen
Inhaltsverzeichnis 1. Routing-bezogene Objekte 2....
Auswahl und Überlegungen zur MySQL-Datensicherungsmethode
Inhaltsverzeichnis 1. rsync, cp Dateien kopieren ...