Wir wissen, dass nach objektorientierter Entwicklung fast alle Sprachen auf Objekten "einmal über Nacht" basieren können und JavaScript auch eine objektbasierte Sprache ist. Das Verhalten des Benutzers im Browser heißt "Ereignisse", und eine Reihe von Aktionen, die anschließend ausgelöst werden, wie Pop-ups, die die Browsergröße, die Überprüfung und die Balabala ändern, werden als "ereignisgetrieben" bezeichnet. Diesmal werde ich natürlich hauptsächlich mehrere gemeinsame Veranstaltungen vorstellen.
PS: Die Unterstützung für JS -Skripte hängt vom Browser ab! ! ! Einige niedrigere Versionen von Browsern unterstützen es möglicherweise nicht! ! !
1. Klicken Sie auf Event (Onclick)
Was ist ein Klickereignis? Wenn der Benutzer auf die Maustaste klickt, wird ein Klickereignis generiert. Gleichzeitig wird der von Onclick angegebene Event -Handler aufgerufen. Normalerweise auf Taste (Schaltflächenobjekt), Kontrollkästchen (Kontrollkästchen), Radio (Optionsschaltfläche), Zurücksetzen von Schaltflächen (Schaltfläche Reset) und Senden von Schaltflächen (Schaltfläche Senden).
Machen Sie einen großen Schritt:
<! DocType html> <html Lang = "en"> <kopf> <meta charset = "utf-8"> <title> JS Basic-Klick-Ereignis </title> </head> <body> <form> <Crption Sprache = "JavaScript"> Funktion klick () {alert ("Sie haben gerade auf den Schaltflächen geklickt."); } </script> <input type = "button" value = "button" onclick = "aclick ()"/> </form> </body> </html>Der Effekt ist wie folgt:
2. Änderung des Ereignisses (Onchange)
Sobald der Benutzer den Wert des Formulars geändert hat, wird das OnChange -Ereignis ausgelöst.
Der Code ist wie folgt:
<! DocType html> <html Lang = "en"> <kopf> <meta charset = "utf-8"> <title> js Basisänderung Ereignis </title> <script Sprache = "JavaScript"> Funktion check () {alert ("Der Wert des Textfelds hat sich geändert"); } </script> </head> <body> <form> <Eingabe type = "text" value = "Dies ist ein Textfeld" name = "name" onchange = "check ()"/> </form> </body> </html>Der Effekt ist wie folgt:
3. Wählen Sie Ereignis (Onselect)
Wenn ein Element auf der Seite ausgewählt wird, wird das OnSelect -Ereignis ausgelöst.
Der Code ist wie folgt:
<! DocType html> <html Lang = "en"> <kopf> <meta charset = "utf-8"> <title> js Basisänderung Ereignis </title> <script Sprache = "JavaScript"> Funktion check () {alert ("Der Wert des Textfelds hat sich geändert"); } </script> </head> <body> <form> <Eingabe type = "text" value = "Dies ist ein Textfeld" name = "name" onchange = "check ()"/> </form> </body> </html>Der Effekt ist wie folgt:
4. Laden Sie Ereignis (Onload)
Das Ladeereignis ist ein Ereignis, das ausgelöst wird, wenn die Webseite gerade geöffnet wird.
Der Code ist wie folgt:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js basic loading event</title> <script language="JavaScript"> function check(){ alert("Don't be anxious, Xiao D is on the way to horseback, O(∩_∩)O haha~"); } </script> </head> <body onload = "check ()"> </body> </html>Der Effekt ist wie folgt:
5. Vor dem Entladen von Ereignis
Um genau zu sein, ist es angemessener, "vor dem Verlassen des Seitenereignisses" zu rufen, und löst dieses Ereignis aus, wenn Sie auf der aktuellen Registerkarte auf die Schaltfläche Schließen klicken.
Der Code ist wie folgt:
<! DocType html> <html Lang = "en"> <kopf> <meta charset = "utf-8"> <titels> js Basics Pre-load Ereignis </title> <script Sprache = "Javascript"> Funktionscheck1 () {alert ("Sie wollen mich wirklich verlassen? ..."); } </script> </head> <body onbeforeUnload = "check1 ()"> <h1> Dies ist die Seite, mit der das Pre-Load-Ereignis </h1> </body> </html> überprüft wird.Der Effekt ist wie folgt:
In dem obigen Artikel handelt es sich kurz um den grundlegenden Client -Event -Treiber von JavaScript, ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, es kann Ihnen eine Referenz geben und ich hoffe, Sie können Wulin.com mehr unterstützen.