Heim >Web-Frontend >Front-End-Fragen und Antworten >Kann JQuery Ereignisse abhören?
Kann JQuery Ereignisse abhören?
- 青灯夜游Original
- 2022-04-28 14:02:272045Durchsuche
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
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>
-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!