So entfernen Sie ein Elementklickereignis in Javascript-Front-End-Fragen und Antworten-php.cn

Inhaltsverzeichnis

So entfernen Sie Elementklickereignisse in Javascript

Heim

Web-Frontend

Front-End-Fragen und Antworten

So entfernen Sie ein Elementklickereignis in Javascript

Apr 11, 2022 pm 04:51 PM

javascript

Methode: 1. Verwenden Sie die Methode „click element object.unbind(„click“);“, die den Ereignishandler des ausgewählten Elements entfernen kann. 2. Verwenden Sie „click element object.off(„click“);“ -Methode, die über die on()-Methode hinzugefügte Event-Handler entfernen kann.

So entfernen Sie ein Elementklickereignis in Javascript

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JavaScript-Version 1.8.5, Dell G3-Computer.

So entfernen Sie Elementklickereignisse in Javascript

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.

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.

Das Beispiel sieht wie folgt aus:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".dianji").click(function(){
    $("p").slideToggle();
  });
    $(".yichu").click(function(){
    $(".dianji").unbind("click");
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button class="dianji">点击事件</button>
<button class="yichu">移除点击事件</button>
</body>
</html>

Nach dem Login kopieren

Ausgabeergebnis:

So entfernen Sie ein Elementklickereignis in Javascript

Methode 2, Verwendung der off()-Methode

off()-Methode wird normalerweise zum Entfernen von Ereignishandlern verwendet, die über die on()-Methode hinzugefügt wurden .

Ab jQuery Version 1.7 ist die off()-Methode der neue Ersatz für die unbind()-, die()- und undelegate()-Methoden. Diese Methode bringt viel Komfort in die API und wird empfohlen, da sie die jQuery-Codebasis vereinfacht.

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.

Das Beispiel sieht wie folgt aus:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").on("click",function(){
    $(this).css("background-color","pink");
  });
  $("button").click(function(){
    $("p").off("click");
  });
});
</script>
</head>
<body>
<p>点击这个段落修改它的背景颜色。</p>
<p>点击一下按钮再点击这个段落( click 事件被移除 )。</p>
<button>移除 click 事件句柄</button>
</body>
</html>

Nach dem Login kopieren

Ausgabeergebnis:

So entfernen Sie ein Elementklickereignis in Javascript

[Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend]

Das obige ist der detaillierte Inhalt vonSo entfernen Sie ein Elementklickereignis in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn