jQuery-Ereignis
jQuery ist speziell für den Event-Handler entwickelt.
Was ist das Ereignis?
Seite als Reaktion auf verschiedene Besucher genannt Ereignisse.
Event-Handler-Methode bedeutet, dass, wenn bestimmte Ereignisse auftreten, wenn HTML aufgerufen.
Beispiel:
- Bewegen Sie die Maus über ein Element.
- Wählen Sie das Optionsfeld
- Klicken Sie auf Element
Der Begriff wird häufig im Falle "Trigger" (oder "Anregung") verwendet, zum Beispiel: "Trigger keypress Ereignis, wenn Sie drücken Sie die Tasten."
Gemeinsame DOM-Ereignisse:
鼠标事件 | 键盘事件 | 表单事件 | 文档/窗口事件 |
---|---|---|---|
click | keypress | submit | load |
dblclick | keydown | change | resize |
mouseenter | keyup | focus | scroll |
mouseleave | blur | unload |
jQuery Event-Methode Syntax
In jQuery, haben die meisten DOM-Ereignisse ein Äquivalent von jQuery-Methoden.
Seite, geben Sie ein Click-Ereignis:
Der nächste Schritt ist, was Zeit Trigger-Ereignisse zu definieren. Sie können eine Event-Funktion implementieren:
Nachdem der Code !! // Aktion ausgelöst
});
Häufig jQuery Event-Methode verwendet
$ (Document) .ready ()
$ (Document) .ready () Methode ermöglicht es uns, in vollem Umfang das Dokument nach der Ausführung der Funktion laden. Die Event - Methode in jQuery Syntax Abschnitt erwähnt wurde.
() klicken
klicken () -Methode, wenn die Schaltfläche Click-Ereignis ausgelöst wird, eine Funktion aufruft.
Diese Funktion wird ausgeführt, wenn der Benutzer klickt auf ein HTML-Element.
Im folgenden Beispiel, wenn Sie klicken auf eine ereignisgesteuerte Element <p> das aktuelle Element <p> zu verstecken:
dblclick ()
Wenn Sie das Element doppelklicken, tritt dblclick Ereignis.
dblclick () -Methode dblclick Triggerereignis oder eine vorbestimmte Funktion auszuführen, wenn das Ereignis dblclick eintritt:
MouseEnter- ()
Wenn der Mauszeiger über das Element, MouseEnter- Ereignis eintritt.
MouseEnter- () -Methode MouseEnter- Triggerereignis oder eine vorbestimmte Funktion auszuführen, wenn das Ereignis MouseEnter- eintritt:
mouseleave ()
Wenn der Mauszeiger das Element verlässt, tritt mouseleave-Ereignis.
mouseleave () Methode mouseleave Triggerereignis, oder wenn eine vorbestimmte Funktion auszuführen, wenn das Ereignis Mouseleave Tritt:
mousedown- ()
Wenn der Mauszeiger über das Element bewegt und durch Drücken der Maustaste, tritt mousedown- Ereignis.
mousedown- () Methode löst das Ereignis Mousedown oder spezifizierte Funktion, wenn mousedown- Ereignis läuft eintritt:
mouseup ()
Wenn die Maustaste über einem Element losgelassen wird, tritt mouseup Ereignis.
mouseup () -Methode mouseup Triggerereignis oder eine vorbestimmte Funktion auszuführen, wenn das Ereignis mouseup eintritt:
schweben ()
Hover () -Methode verwendet, um den Cursor schwebt über den Fall zu simulieren.
Wenn die Maus bewegt sich auf die Elemente, wird es die erste spezifizierte Funktion (MouseEnter-) auslösen, und wenn sich die Maus von dem Element ab, wird es die zweite spezifizierte Funktion (mouseleave) auslösen.
Beispiele
alert("You entered p1!");
},
function(){
alert("Bye! You now leave p1!");
});
Versuchen »
Fokus ()
Wenn das Element den Fokus erhält, auftreten Fokus-Ereignisse.
Wenn eine Maus auf das ausgewählte Element oder Elemente klicken durch Tabulatortaste Targeting, wird das Element im Mittelpunkt stehen.
Fokus () -Methode löst den Fokus ein Ereignis oder eine vorbestimmte Funktion auszuführen, wenn das Ereignis Fokus auftritt:
blur ()
Wenn das Element den Fokus verliert, tritt Unschärfe Ereignis.
blur () Methode löst das Unschärfe Ereignis oder eine Funktion ausgeführt wird, wenn ein vorbestimmtes Ereignis Unschärfe auftritt: