Heim >Web-Frontend >Front-End-Fragen und Antworten >So entfernen Sie Mausereignisse in JQuery
Methoden zum Entfernen von Ereignissen: 1. Verwenden Sie unbind(), die Syntax ist „das Element, das an die Maus gebunden ist event.unbind()“ 2. Verwenden Sie undelegate(), die Syntax ist „das Element, das an gebunden ist“. die Maus event.undelegate();“ „; 3. Verwenden Sie off(), die Syntax lautet „Element gebunden an Mausevent.off()“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
jquery-Methode zum Entfernen von Mausereignissen:
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.
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("p").click(function() {
$(this).slideToggle();
});
$("button").click(function() {
$("p").unbind();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<p>点击任何段落可以令其消失。包括本段落。</p>
<button>删除 p 元素的事件处理器</button>
</body>
</html>
Methode 2: Verwenden Sie die Methode undelegate()
undelegate(), um einen oder mehrere von der Methode Delegate() hinzugefügte Ereignishandler zu entfernen.
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("body").delegate("p", "click", function() {
$(this).slideToggle();
});
$("button").click(function() {
$("body").undelegate();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<p>点击任何段落可以令其消失。包括本段落。</p>
<button>删除点击事件</button>
</body>
</html>
Methode 3: Verwendung der off()-Methode
off()-Methode wird normalerweise verwendet, um über die on()-Methode hinzugefügte Event-Handler zu entfernen.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("p").on("click", function() {
$(this).css("background-color", "pink");
});
$("button").click(function() {
$("p").off();
});
});
</script>
</head>
<body>
<p>点击这个段落修改它的背景颜色。</p>
<p>点击一下按钮再点击这个段落( click 事件被移除 )。</p>
<button>移除 click 事件</button>
</body>
</html>
Hinweis: Ab jQuery Version 1.7 ist die off()-Methode der neue Ersatz für die Methoden unbind(), die() und undelegate(). Diese Methode bringt viel Komfort in die API und wird empfohlen, da sie die jQuery-Codebasis vereinfacht.
【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video】
Das obige ist der detaillierte Inhalt vonSo entfernen Sie Mausereignisse in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!