Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > Beispielcode zur Konfliktbehandlung für Click- und Double-Click-Events_jquery

Beispielcode zur Konfliktbehandlung für Click- und Double-Click-Events_jquery

WBOY
Freigeben： 2016-05-16 16:53:33
Original
1132 Leute haben es durchsucht

Geben Sie zunächst den Code ein:

Kopieren Sie den Code Der Code lautet wie folgt:

< ;title> ;script type=" text/javascript" language="javascript">
$(function () {
$("div").bind("click.a", function () { //Klicken event
$("body").append("

click event

");
})
$("div").bind("dblclick.a", function () { //Doppelklick-Ereignis
$("body").append("

dblclick event

"
})
$("div") .bind(" mouseover.a", function () { //Mouse over element event
$("body").append("

mouseover event

");
})
$("div").bind("mouseout.a", function () { //Ereignis, bei dem sich die Maus aus dem Element bewegt
$("body").append("

mouseout event< ;/p> ;");
})
})



jQuery-Namespace< / div>


Der Effekt ist wie im Bild gezeigt, es werden zuerst zwei Klickereignisse ausgelöst. Wenn ich beim Doppelklicken nicht das Klickereignis
, sondern nur das Doppelklickereignis auslösen möchte, wie soll ich das Problem lösen? Ich habe auch versucht, das Klickereignis beim Doppelklicken zu lösen.

Aber auf diese Weise kann das Klickereignis nicht erneut verwendet werden. . .




Später habe ich andere im Forum gefragt und schließlich die Antwort bekommen. Das heißt, das Zeitintervall des Klickereignisses wird mithilfe der setTimeout()-Methode festgelegt. Auf diese Weise wird beim Doppelklicken das Zeitintervall kürzer Wenn der Wert länger als 300 ms ist, wird das Click-Ereignis nicht generiert. Generieren Sie einfach das Beispielcode zur Konfliktbehandlung für Click- und Double-Click-Events_jquerydblclick-Ereignis. Im Doppelklick-Ereignis müssen Sie die Funktion clearTimeout() verwenden, um die Verarbeitung des Klick-Ereignisses zu löschen. Der Code lautet wie folgt:




Code kopieren
Der Code lautet wie folgt:
Neueste Artikel des Autors
Aktuelle Ausgaben
Bei der Verwendung von opentbs zum Generieren von ODT-Dateien sind Probleme aufgetreten: Werte desselben Schlüssels werden in derselben Zeile statt in separaten Spalten angezeigt. Ich verwende eine Bibliothek namens OpenTbs, um ODT mit PHP zu erstellen. Ich verwende sie...
Aus 2024-04-06 20:18:18
0
1
483
Wie kann ich in der mobilen Ansicht diese Navigationsleiste schließen, wenn der Benutzer auf den Link klickt? Wenn der Benutzer auf einen Link klickt, um die Website zu durchsuchen, wird die Navigatio...
Aus 2024-04-06 19:23:03
0
1
411
Reine CSS-Methode zum dynamischen Ändern der Bildquelle beim Klicken ohne Verwendung von JavaScript Ich muss den Quellcode eines Bildes per Mausklick ändern, indem ich nur CSS wie img:active...
Aus 2024-04-06 19:25:49
0
1
505
Die Statusaktualisierung funktioniert in React-Native auf Android nicht Ich habe einen Code, der Bildpaare in einer wischbaren horizontalen Galerie enthält. Wenn ...
Aus 2024-04-06 16:54:10
0
1
410
Vergleichen Sie Imagick, Adobe Photoshop und Windows – Auflösung erkennen (Pixel pro Zentimeter oder Pixel pro Zoll) Dies ist keine Frage, sondern ein Versuch, mein Verständnis darüber zu verbessern, wie DPI...
Aus 2024-04-06 16:01:27
0
1
397
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage

Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！

Über uns Haftungsausschluss Sitemap

© php.cn All rights reserved