So setzen Sie sich mit JavaScript auf

Ein Ereignis ist eine Aktion, die von einem Browser oder einem Benutzer ergriffen wird. Das JavaScript -Konzept von Ereignishandlern oder Hörern kann verwendet werden, um diese Ereignisse zu bewältigen. Ein bestimmtes Ereignis löst die Ausführung eines Ereignishörers aus. Einer dieser Ereignishörer ist "ONCLICK.”Wenn ein Benutzer auf ein Element klickt, wird ein Onclick -Ereignis -Listener ausgelöst oder ausgeführt.

Dieses Tutorial definiert das Verfahren zur Einstellung von JavaScript.

So setzen Sie sich mit JavaScript auf

Um das zu setzen ONCLICK Mit JavaScript gibt es zwei verschiedene Methoden, nämlich:

• Die erste Methode besteht darin, dem HTML -Element einen Wert zuzuweisen ONCLICK Attribut mit JavaScript.
• Die zweite Methode besteht darin, explizit einen Ereignishörer in das HTML -Ereignis hinzuzufügen, bei dem es überprüft wirdklicken" Fall.

Beispiel 1: Weisen Sie dem Onclick -Attribut des HTML -Elements mit JavaScript einen Wert zu

Erstellen Sie in der HTML -Datei eine Überschrift und eine Schaltfläche “Klick mich"Mit der ID"JS”, Der die JavaScript -Funktion auslöst, während Sie darauf klicken.

Stellen Sie die Onclick -Eigenschaft mit JavaScript ein

Klick mich

Im folgenden Schritt wird auf die erstellte Schaltfläche zugegriffen und auf eine “ONCLICKDas Attribut wird damit verbunden. Bei der Schaltfläche Klicken wird die angegebene Funktion ausgeführt und die “Stil.HintergrundfarbeDie Eigenschaft ändert die Schaltfläche wie folgt:

dokumentieren.GetElementById ("JS").onclick = function jsfunc ()
dokumentieren.GetElementById ("JS").Stil.HintergrundColor = "lila";

Die entsprechende Ausgabe ist:

Beispiel 2: Fügen Sie explizit einen Ereignishörer in das HTML -Event hinzu

Erstellen Sie eine Schaltfläche “klicken Sie hier!”Und weist eine ID zu“FallDas wird die addEventListener () -Methode auf der ausgelöst "klicken" Fall:

klicken Sie hier!Taste>

Abrufen Sie die Taste mit ihrer ab Ausweis und dann eine anbringen “AddEventListener ()"Methode durch Übergabe eines"klicken"Ereignis und eine Funktion"EventfuncWobei die Hintergrundfarbe der Schaltfläche geändert wird:

dokumentieren.GetElementById ("Event").AddEventListener ("Click", EventFunc);
Funktion eventFunc ()
dokumentieren.GetElementById ("Event").Stil.HintergrundColor = "Green";

Ausgang

Beispiel 3: Verwenden Sie alle Onclick -Methoden gleichzeitig

In diesem Beispiel wird die Arbeit aller Methoden sofort angezeigt. Erstens ist die Standardmethode, um das Onclick -Attribut in das HTML -Tag selbst hinzuzufügen. Danach wurden auch die beiden Methoden zur Festlegung des Onclick -Attributs mit Hilfe von JavaScript demonstriert.

Erstellen Sie im folgenden Beispiel drei Schaltflächen und sehen Sie die Funktionalität des Onclick -Attributs.

• Der erste Knopf “Klicken”Wird das nennen“htmlfunc ()”Auf der Klickereignis.
• Die Taste "Klick mich"Wird mit seiner zugewiesenen ID zugegriffen"JS”Und dann dem Onclick -Attribut der Taste mit JavaScript einen Wert zuweisen.
• Die Taste "klicken Sie hier!"Wird mit der ID zugegriffen" zugegriffen "Fall"Und dann einen anbringen"AddEventListener ()Methode damit:

Klicken


Klick mich


klicken Sie hier!

Die folgende Funktion auslöst die “ONCLICK"Ereignis der Schaltfläche"Klicken”:

Funktion htmlfunc ()
ALERT ("Die Schaltfläche wurde von HTML Onclick -Event geklickt");

Beim Klicken auf “Klick michDie Schaltfläche „Die folgende Funktion wird ausgelöst, wo eine Warnmeldung angezeigt wird.

dokumentieren.GetElementById ("JS").onclick = function jsfunc ()
alert ("Die Schaltfläche, die von der JavaScript -Onclick -Funktion geklickt wurde");

Die angegebene Funktion löst die Taste aus “ausklicken Sie hier!”:

dokumentieren.GetElementById ("Event").AddEventListener ("Click", EventFunc);
Funktion eventFunc ()
ALERT ("Die Schaltfläche von JavaScript Onclick mit EventListener -Methode");

In der Ausgabe werden Warnmeldungen auf jeder Schaltfläche angezeigt. Klicken Sie auf:

Abschluss

Um das Onclick mit JavaScript festzulegen, gibt es zwei verschiedene Ansätze, die erste besteht darin, dem Onclick -Attribut des HTML -Elements mit JavaScript einen Wert zuzuweisen. Der zweite Ansatz besteht darin, einen Ereignishörer explizit zum HTML -Ereignis hinzuzufügen, das über die „Überprüfung der„ "nach" nach "die" nach "überprüft" überprüft werden, um einen Ereignishörer zu verleihenklicken" Fall. In diesem Tutorial wurden die Methoden definiert, um einen Onclick mit JavaScript zusammen mit Beispielen festzulegen.