Heim >Web-Frontend >Front-End-Fragen und Antworten >So entfernen Sie das Onclick-Ereignis in JQuery
So entfernen Sie das Onclick-Ereignis in JQuery
- WBOYOriginal
- 2022-04-18 11:29:504482Durchsuche
Entfernungsmethode: 1. Verwenden Sie „element object.removeAttr(„onclick“)“, um das im HTML-Tag definierte Ereignis zu entfernen. 2. Verwenden Sie „element object.unbind(“click“)“ oder „element object. off(“ „click“)“, entfernt Ereignisse, die an JQuery-Ereignisse gebunden sind.
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
So entfernen Sie das Onclick-Ereignis in jquery
1. Wenn das Onclick-Ereignis im HTML-Tag definiert ist, müssen Sie die Methode „removeAttr(“onlick“) verwenden:
Die Methode „removeAttr()“ entfernt ein oder mehrere Elemente aus den ausgewählten Elementattributen.
<div id="test" onclick="setOnclick">onclick事件</div>
<javascript>
$("#test").removeAttr("onclick");
</javascript>2. Wenn der aktuelle Klick ein durch ein Jquery-Ereignis gebundenes Ereignis ist, sollten Sie die Methode unbind("click") verwenden: Die Methode
unbind() entfernt den Ereignishandler 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.
Diese Methode kann auch Event-Handler über das Event-Objekt 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).
Hinweis: Wenn keine Parameter angegeben sind, entfernt die unbind()-Methode alle Event-Handler für das angegebene Element.
Hinweis: Die unbind()-Methode funktioniert für jeden von jQuery hinzugefügten Event-Handler.
Seit jQuery Version 1.7 sind die Methoden on() und off() die bevorzugte Methode zum Hinzufügen und Entfernen von Ereignishandlern für Elemente.
// jquery 绑定事件
$('#test').click(function(){
alert("click");
})
// 使用unbind解除绑定
$("#test").unbind("click");Das Beispiel lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$('#button1').click(function(){
alert("click");
})
$("#button2").click(function(){
$("#button1").unbind();
});
});
</script>
</head>
<body>
<button id="button1">点击事件</button>
<button id="button2">移除点击事件</button>
</body>
</html>Klicken Sie auf die erste Schaltfläche, um das Ergebnis auszugeben:
Nach dem Klicken auf die zweite Schaltfläche wird das Klickereignis der ersten Schaltfläche entfernt
Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo entfernen Sie das Onclick-Ereignis in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!