Heim > Artikel > Web-Frontend > So brechen Sie alle Ereignisse eines Elements in jquery ab
So brechen Sie alle Ereignisse eines Elements in jquery ab
- 青灯夜游Original
- 2022-04-21 16:57:572648Durchsuche
In jquery können Sie die Methode unbind() verwenden, um alle Ereignisse eines Elements zu entbinden. Die Syntax lautet „$(selector).unbind();“. Die Methode unbind() kann alle an das Element gebundenen Ereignishandler entfernen oder einen Ereignishandler angeben, wenn die Methode keine Parameter angibt.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
In jquery können Sie die Methode unbind() verwenden, um alle Ereignisse eines Elements zu entbinden. Die Methode
unbind() entfernt den Event-Handler des ausgewählten Elements.
Diese Methode kann alle oder ausgewählte Event-Handler entfernen oder die Ausführung der angegebenen Funktion beenden, wenn ein Ereignis auftritt.
$(selector).unbind(event,function,eventObj)
| Parameter | Beschreibung |
|---|---|
| Ereignis | Optional. Gibt ein oder mehrere Ereignisse an, die aus dem Element entfernt werden sollen. Mehrere durch Leerzeichen getrennte Ereigniswerte. Wenn nur dieser Parameter angegeben wird, werden alle an das angegebene Ereignis gebundenen Funktionen entfernt. |
| Funktion | optional. Gibt den Namen der Funktion an, um die Bindung des angegebenen Ereignisses vom Element aufzuheben. |
| eventObj | Optional. Gibt das zu verwendende entfernte Ereignisobjekt an. Das
Der Parameter eventObj stammt aus der Ereignisbindungsfunktion. |
Diese Methode kann den Ereignishandler auch über das Ereignisobjekt entbinden. Diese Methode wird auch verwendet, um Ereignisse in sich selbst zu entbinden (z. B. das Löschen des Ereignishandlers, nachdem das Ereignis eine bestimmte Anzahl von Malen ausgelöst wurde).
Wenn die unbind()-Methode keine Parameter angibt, werden alle Event-Handler des angegebenen Elements gelöscht.
Beispiel:
<!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() {
$(this).slideToggle();
});
$("p").hover(function() {
$(this).css("color","red");
});
$("button").click(function() {
$("p").unbind();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>鼠标移入任意段落(p 元素)，该段落字体颜色会变红。</p>
<p>点击任意段落(p 元素)，该段落就会消失。</p>
<button>移除所有段落(p 元素)的事件句柄</button>
</body>
</html>
Wie Sie im obigen Beispiel sehen können, wurden das Mausklickereignis und das Verschiebungsereignis abgebrochen
[Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video]
Das obige ist der detaillierte Inhalt vonSo brechen Sie alle Ereignisse eines Elements in jquery ab. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!