Heim > Artikel > Web-Frontend > So entfernen Sie ein Ereignis in jquery
So entfernen Sie ein Ereignis in jquery
- 青灯夜游Original
- 2022-04-20 11:58:414651Durchsuche
So entfernen Sie Ereignisse in jquery: 1. Verwenden Sie unbind(), die Syntax „das Element, an das das Ereignis gebunden ist. unbind(„angegebener Ereignisname“)“ kann das angegebene Ereignis des ausgewählten Elements entfernen. 2. Verwenden Sie off(), Das angegebene Ereignis wird mithilfe von on() im entfernbaren Element hinzugefügt. Die Syntax lautet „Das Element, an das das Ereignis gebunden ist.off(„Ereignisname“)“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
jquery-Methode zum Entfernen eines Ereignisses
Methode 1: Verwenden Sie die unbind()-Methode
unbind()-Methode, um den Ereignishandler des ausgewählten Elements zu entfernen.
Diese Methode kann alle oder ausgewählte Event-Handler entfernen oder die Ausführung der angegebenen Funktion beenden, wenn ein Ereignis auftritt.
ubind() funktioniert mit jedem über jQuery angehängten Event-Handler.
Syntax:
$(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. |
Beispiel: Klickereignisse aus Elementen entfernen
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
function alertMe1() {
alert("Hello World!");
}
function alertMe2() {
$("p").css("color","red")
}
$(document).ready(function() {
$("p").click(alertMe1).click(alertMe2);
$("button").click(function() {
$("p").unbind("click");
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
<p>点击任意一个p元素来触发 alert 弹窗且字体颜色变红。</p>
<button>移除 p 元素的 click 事件</button>
</body>
Hinweis: Seit jQuery Version 1.7 werden die Methoden on() und off() zum Hinzufügen und Entfernen von Ereignishandlern für Elemente verwendet .
Methode 2: Verwenden Sie die Methode off().
Die Methode off() wird normalerweise zum Entfernen von Ereignishandlern verwendet, die über die Methode on() hinzugefügt wurden.
Hinweis: Um einen angegebenen Event-Handler zu entfernen, muss die Auswahlzeichenfolge mit dem Parameter übereinstimmen, der in der on()-Methode übergeben wurde, wenn der Event-Handler hinzugefügt wird.
Syntax:
$(selector).off(event,selector,function(eventObj),map)
| Parameter | Beschreibung |
|---|---|
| Ereignis | Erforderlich. Gibt ein oder mehrere Ereignisse oder Namespaces an, die aus den ausgewählten Elementen entfernt werden sollen. Mehrere durch Leerzeichen getrennte Ereigniswerte. Muss ein gültiges Ereignis sein. |
| Selektor | optional. Gibt den Selektor an, der beim Hinzufügen eines Ereignishandlers ursprünglich an die on()-Methode übergeben wurde. |
| Funktion(eventObj) | Optional. Gibt eine Funktion an, die ausgeführt werden soll, wenn ein Ereignis auftritt. |
| map | gibt eine Ereigniszuordnung ({event:function, event:function, ...}) an, die ein oder mehrere Ereignisse enthält, die dem Element hinzugefügt werden sollen, und eine Funktion, die ausgeführt wird, wenn das Element ausgeführt wird Ereignis eintritt. |
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
function changeSize() {
$(this).animate({
fontSize: "+=10px"
});
}
function changeSpacing() {
$(this).animate({
letterSpacing: "+=5px"
});
}
$(document).ready(function() {
$("p").on("click", changeSize);
$("p").on("click", changeSpacing);
$("button").click(function() {
$("p").off("click");
});
});
</script>
</head>
<body>
<p>这是一个段落 。</p>
<p>这是另外一个段落。</p>
<p>点击任意一个段落来修改段落的字体大小。</p>
<button>移除click事件</button>
</body>
</html>
[Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video]
Das obige ist der detaillierte Inhalt vonSo entfernen Sie ein Ereignis in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!