Heim > Artikel > Web-Frontend > Kann JQuery Ereignisse abhören?
jquery kann Ereignisse abhören. jquery bietet verschiedene Methoden zur Ereignisüberwachung: 1. click(), das Klickereignisse überwachen und Ereignisverarbeitungsfunktionen angeben kann; 2. change(), das Änderungsereignisse überwachen und Ereignisverarbeitungsfunktionen angeben kann; kann Doppelklickereignisse überwachen; 4. hover() usw.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
jquery kann Ereignisse abhören.
jquery bietet eine Vielzahl von Methoden zum Abhören von Ereignissen, wie z. B. click(), on() und andere Methoden. Hier sind einige Methoden.
1. click()-Methode:
click()-Methode gibt die Funktion an, die ausgeführt werden soll, wenn ein Klickereignis auftritt
Beispiel: Warntext, wenn auf das
-Element geklickt wird
2. change()-Methode
change()-Methode gibt die Funktion an, die ausgeführt werden soll, wenn das Änderungsereignis auftritt. Beispiel: Warntext, wenn sich das Feld ändert 3. Die Methode dblclick()dblclick() gibt die Funktion an, die ausgeführt werden soll, wenn ein Doppelklick-Ereignis auftritt.
Beispiel: Warntext, wenn auf das Element
doppelgeklickt wird.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("p").click(function() { alert("段落被点击了。"); }); }); </script> </head> <body> <p>点击这个段落。</p> </body> </html>4. Die Methode hover() gibt zwei Funktionen an, die ausgeführt werden sollen, wenn der Mauszeiger über dem Element schwebt ausgewählte Elementfunktion. Die
-Methode löst Mouseenter- und Mouseleave-Ereignisse aus.
Beispiel: Ändern Sie die Hintergrundfarbe eines-Elements, wenn der Mauszeiger darüber schwebt
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function(){ $("input").change(function(){ alert("文本已被修改"); }); }); </script> </head> <body> <input type="text"> <p>在输入框写一些东西,然后按下 enter 键或点击输入框外部。</p> </body> </html>Andere Möglichkeiten, Ereignisse anzuhören
Methode | Beschreibung |
---|---|
bind() | Ereignishandler zum Element hinzufügen |
blur() | Fokusverlust hinzufügen/auslösen. Ereignis |
delegate() | Um Elemente hinzuzufügen Handler für die aktuellen oder zukünftigen untergeordneten Elemente von |
die() | wurden in Version 1.9 entfernt. Entfernen Sie alle über die live()-Methode hinzugefügten Event-Handler. |
error() | Veraltet in Version 1.8. Fehlerereignis hinzufügen/auslösen |
focus() | Fokusereignis hinzufügen/auslösen |
focusin() | Ereignishandler zum Focusin-Ereignis hinzufügen |
focusout() | Ereignishandler zum Focusout-Ereignis hinzufügen |
keydown() | Keydown-Ereignis hinzufügen/auslösen |
keypress() | Keypress-Ereignis hinzufügen/auslösen |
keyup() | Keyup-Ereignis hinzufügen/auslösen |
live( ) | wurde in Version 1.9 entfernt. Fügen Sie einen oder mehrere Event-Handler zum aktuellen oder zukünftigen ausgewählten Element hinzu. |
load() | In Version 1.8 veraltet. Fügen Sie einen Event-Handler zum Ladeereignis hinzu. |
mousedown() | Mousedown-Ereignis hinzufügen/auslösen. |
mouseenter(). | Mouseenter-Ereignis hinzufügen/auslösen Ereignisse verlassen |
mousemove() | Mousemove-Ereignis hinzufügen/auslösen |
mouseout() | Mouseout-Ereignis hinzufügen/auslösen |
mouseover() | Mouseover-Ereignis hinzufügen/auslösen |
Mouseup( ) | Mouseup-Ereignisse hinzufügen/auslösen |
off() | Über die on()-Methode hinzugefügte Ereignishandler entfernen |
on() | Ereignishandler zu Elementen hinzufügen |
one() | Hinzufügen einen oder mehrere Event-Handler für das ausgewählte Element. Dieser Handler kann nur einmal pro Element ausgelöst werden. |
resize() | Ereignis zur Größenänderung hinzufügen/auslösen Ereignis auswählen |
submit() | Das Übermittlungsereignis hinzufügen/auslösen |
trigger() | Alle an das ausgewählte Element gebundenen Ereignisse auslösen |
triggerHandler() | Das an das ausgewählte Element gebundene Ereignis auslösen element Alle Funktionen für das angegebene Ereignis des ausgewählten Elements |
unbind() | Entferne den hinzugefügten Event-Handler aus dem ausgewählten Element |
undelegate() | Entferne den Event-Handler aus dem aktuellen oder zukünftigen ausgewählten Element |
unload() | ist in Version 1.8 veraltet. |
contextmenu() |
Das obige ist der detaillierte Inhalt vonKann JQuery Ereignisse abhören?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!