Fallstudie zu JavaScript Anti-Shake
PrinzipDas Prinzip von Anti-Shake ist: Du kannst ein Ereignis auslösen, aber ich muss es n Sekunden nach dem Auslösen des Ereignisses ausführen. Wenn du dieses Ereignis innerhalb von n Sekunden nach dem Auslösen eines Ereignisses erneut auslöst, verwende ich die Zeit des neuen Ereignisses als Grundlage und führe es n Sekunden später aus. Kurz gesagt, ich werde nicht ausführen, bis Sie das Ereignis auslösen und innerhalb von n Sekunden keine weiteren Ereignisse ausgelöst werden. Fall
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<Kopf>
<meta charset="utf-8">
<meta http-equiv="x-ua-kompatibel" content="IE=edge, chrome=1">
<title>Entprellung</title>
<Stil>
* {
Rand: 0;
Polsterung: 0;
}
#Behälter {
Breite: 100 %;
Höhe: 200px;
Zeilenhöhe: 200px;
Textausrichtung: zentriert;
Farbe: #fff;
Hintergrundfarbe: #444;
Schriftgröße: 30px;
}
</Stil>
</Kopf>
<Text>
<div id="Container"></div>
<script src="debounce.js"></script>
</body>
</html>
Funktion getUserAction(e) {
konsole.log(dies);
konsole.log(e);
container.innerHTML = Anzahl++;
};
Funktion Entprellung(Funktion, warten) {
var Zeitüberschreitung;
Rückgabefunktion () {
Zeitüberschreitung löschen (Zeitüberschreitung);
Zeitüberschreitung = setzeZeitüberschreitung(() => {
func.apply(this, arguments); // Löse this und das Ereignisobjekt event
}, Warten);
}
}
container.onmousemove = Entprellung(getUserAction, 1000); Dies ist das Ende dieses Artikels über die Fallstudie zu JavaScript Anti-Shake. Weitere relevante Inhalte zu JavaScript Anti-Shake finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! Das könnte Sie auch interessieren:
|
<<: Detaillierte Erläuterung der Umleitungskonfiguration und -praxis von Rewrite in Nginx
>>: MySQL kontrolliert die Anzahl der Versuche, falsche Passwörter einzugeben
Artikel empfehlen
Einführung in das Methodenattribut des Formularformulars in HTML
1 Methode ist eine Eigenschaft, die angibt, wie Da...
Zwei Abfragemethoden, wenn der MySQL-Abfragefeldtyp JSON ist
Die Tabellenstruktur ist wie folgt: Ich würde var...
Implementierungscode der HTML-Floating-Promptbox-Funktion
Allgemeine Formulareingabeaufforderungen belegen ...
Detaillierte Erklärung des Vue-Elements plus Mehrsprachenumschaltung
Inhaltsverzeichnis Vorwort Wie wechselt man zwisc...
Detaillierte Erklärung zur Konfiguration des sekundären Domänennamens auf einem Apache-Server in einer Linux-Umgebung
Dieser Artikel beschreibt, wie Sie einen sekundär...
So zeigen Sie verfügbare Netzwerkschnittstellen in Linux an
Vorwort Die häufigste Aufgabe nach der Installati...
Nginx konfiguriert denselben Domänennamen, um sowohl den http- als auch den https-Zugriff zu unterstützen
Nginx ist mit demselben Domänennamen konfiguriert...
Vue definiert private Filter und grundlegende Nutzung
Die Methoden und Konzepte privater und globaler F...
So lösen Sie das Problem der Groß-/Kleinschreibung bei MySQL-Abfragen
Frage Als ich kürzlich ein praktisches Projekt mi...
Fügen Sie Linux eine Startmethode hinzu (Dienst/Skript)
Konfigurationsdatei, die beim Systemstart geladen...
Vue implementiert ein Suchfeld mit einer Lupe
In diesem Artikel erfahren Sie, wie Sie mit Vue e...
Erstellen von Befehlszeilen-Anwendungen mit JavaScript
Inhaltsverzeichnis 1. Knoten installieren 2. Inst...
Beispiele für Vorschaufunktionen für verschiedene Dateitypen in vue3
Inhaltsverzeichnis Vorwort 1. Vorschau der Office...
Detailliertes Tutorial zur Installation von VirtualBox 6.0 auf CentOS 8 / RHEL 8
VirtualBox ist ein kostenloses Open Source-Virtua...
Grafisches Tutorial zur Installation und Konfiguration des MySQL 8.0.15 WinX64-Komprimierungspakets
In diesem Artikel wird die Installations- und Kon...