


Bubbling-Verarbeitung von Mausereignissen mit JavaScript- und JQuery_javascript-Kenntnissen
May 16, 2016 pm 03:54 PMEinfaches Mausbewegungsereignis:
Eintreten
Mauseingabe: kein Sprudeln
Mouseover: Blase
Das Mouseover-Ereignis wird immer dann ausgel?st, wenn der Mauszeiger über das ausgew?hlte Element oder seine Unterelemente l?uft
Das Mouseenter-Ereignis wird nur ausgel?st, wenn der Mauszeiger über das ausgew?hlte Element
Auszug
Mausblatt: kein Sprudeln
Mouseout: Sprudeln
Unabh?ngig davon, ob der Mauszeiger das ausgew?hlte Element oder ein untergeordnetes Element verl?sst, wird das Mouseout-Ereignis ausgel?st
Das Mouseleave-Ereignis wird nur ausgel?st, wenn der Mauszeiger das ausgew?hlte Element verl?sst
Beobachten wir das Problem anhand eines Falles:
Binden Sie das Mouseout-Ereignis an eine verschachtelte Ebene, und Sie werden feststellen, dass das Mouseout-Ereignis anders ist, als Sie es sich vorgestellt haben
?u?eres untergeordnetes Element
Untergeordnetes Element
0
0
Wir haben ein Problem mit dem Mouseout-Ereignis gefunden:
1. Blasenbildung kann nicht verhindert werden
2. Es wird auch bei internen untergeordneten Elementen
Das gleiche Problem besteht auch beim Mouseover-Ereignis. Wie k?nnen wir also das Sprudeln stoppen, wenn die Methode stopPropagation fehlschl?gt?
1. Um ein wiederholtes Ausl?sen von Mouseover und Mouseout zu verhindern, wird hier ein Attribut relatedTarget des Ereignisobjekts verwendet. Dieses Attribut wird verwendet, um die Attribute der zugeh?rigen Knoten der Zielknoten der Mouseover- und Mouseout-Ereignisse zu bestimmen. Vereinfacht ausgedrückt: Wenn das Mouseover-Ereignis ausgel?st wird, stellt das relatedTarget-Attribut den Knoten dar, den die Maus gerade verlassen hat. Wenn das Mouseout-Ereignis ausgel?st wird, stellt es das Objekt dar, zu dem sich die Maus bewegt. Da MSIE dieses Attribut nicht unterstützt, verfügt es über alternative Attribute, n?mlich fromElement und toElement.
2. Mit diesem Attribut k?nnen wir klar erkennen, von welchem ??Objekt sich unsere Maus bewegt und wohin sie sich bewegt. Auf diese Weise k?nnen wir feststellen, ob sich das zugeh?rige Objekt innerhalb des Objekts befindet, das das Ereignis ausl?sen soll, oder ob es sich um das Objekt selbst handelt. Durch dieses Urteil k?nnen wir vernünftigerweise entscheiden, ob wir das Ereignis wirklich ausl?sen wollen.
3. Hier verwenden wir auch eine Methode zur überprüfung, ob ein Objekt in einem anderen Objekt enthalten ist, die Methode ?contains“. MSIE und FireFox stellen jeweils Prüfmethoden bereit, und hier ist eine Funktion gekapselt.
Die Verarbeitung von jQuery ist genau die gleiche
jQuery.each({
??????? Mauseingabe: ?mouseover“,
??????? Mouseleave: ?mouseout“,
??????? pointerenter: ?pointerover“,
??????? pointerleave: ?pointerout“
??? }, Funktion(orig, fix) {
??????? jQuery.event.special[orig] = {
??????????? DelegateType: fix,
??????????? bindType: fix,
??????????? Handle: Funktion (Ereignis) {
??????????????? var ret,
??????????????????? Ziel = dies,
??????????????????? related = event.latedTarget,
??????????????????? handleObj = event.handleObj;
??????????????? // Für ?mousenter/leave“ den Handler aufrufen, wenn der Bezug au?erhalb des Ziels liegt.
??????????????? // NB: Kein relatedTarget, wenn die Maus das Browserfenster verlie?/betrat
??????????????? if (!verwandte || (verwandte !== Ziel && !jQuery.contains(Ziel, verwandte))) {
??????????????????? event.type = handleObj.origType;
??????????????????? ret = handleObj.handler.apply(this, arguments);
??????????????????? event.type = fix;
??????????????? }
??????????????? return ret;
??????????? }
??????? };
??? });

Hei?e KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?er Artikel

Hei?e Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

In diesem Artikel erfahren Sie, wie Sie die Miniaturbildfunktion deaktivieren, die angezeigt wird, wenn die Maus das Taskleistensymbol im Win11-System bewegt. Diese Funktion ist standardm??ig aktiviert und zeigt eine Miniaturansicht des aktuellen Fensters der Anwendung an, wenn der Benutzer den Mauszeiger über ein Anwendungssymbol in der Taskleiste bewegt. Einige Benutzer empfinden diese Funktion jedoch m?glicherweise als weniger nützlich oder st?rend für ihr Erlebnis und m?chten sie deaktivieren. Miniaturansichten in der Taskleiste k?nnen Spa? machen, aber auch ablenken oder st?ren. Wenn man bedenkt, wie oft Sie mit der Maus über diesen Bereich fahren, haben Sie m?glicherweise ein paar Mal versehentlich wichtige Fenster geschlossen. Ein weiterer Nachteil besteht darin, dass es mehr Systemressourcen verbraucht. Wenn Sie also nach einer M?glichkeit suchen, ressourceneffizienter zu arbeiten, zeigen wir Ihnen, wie Sie es deaktivieren k?nnen. Aber

Laut Nachrichten dieser Website vom 12. Juli kündigte Razer heute die Einführung der kabellosen Maus und des Mauspads Razer|Pokémon Gengar an. Die Einzelproduktpreise betragen 1.299 Yuan bzw. 299 Yuan, und der Paketpreis inklusive der beiden Produkte betr?gt 1.549 Yuan. Dies ist nicht das erste Mal, dass Razer Peripherieprodukte mit Gengar-Co-Branding auf den Markt bringt. Im Jahr 2023 brachte Razer die Gaming-Maus Yamata Orochi V2 im Gengar-Stil auf den Markt. Die beiden dieses Mal eingeführten neuen Produkte verwenden alle einen dunkelvioletten Hintergrund, der dem Erscheinungsbild der Ghost-, Ghost- und Gengar-Familien ?hnelt. Sie sind mit den Umrissen dieser drei Pokémon und Pokéb?llen bedruckt, mit dem Charakter Gengar in der Mitte gro?es, farbenfrohes Bild eines klassischen Pokémon vom Typ Geist. Auf dieser Website wurde festgestellt, dass die drahtlose Maus Razer|Pokémon Gengar auf der zuvor ver?ffentlichten Viper V3 Professional Edition basiert. Sein Gesamtgewicht betr?gt 55 g und es ist mit Razers FOC der zweiten Generation ausgestattet

Laut Nachrichten dieser Website vom 31. M?rz hat HP kürzlich auf JD.com eine Professor1-Bluetooth-Maus mit drei Modi auf den Markt gebracht, die in den Farben Schwarz und Wei? in Milchtee erh?ltlich ist. Der Anfangspreis betr?gt 99 Yuan und eine Anzahlung von 10 Yuan ist erforderlich . Berichten zufolge wiegt diese Maus 106 Gramm, hat ein ergonomisches Design, misst 127,02 x 79,59 x 51,15 mm, verfügt über sieben optionale 4000-DPI-Stufen, ist mit einem Blue Shadow RAW3220-Sensor ausgestattet und verwendet angeblich einen 650-mAh-Akku kann mit einer einzigen Ladung 2 Monate lang verwendet werden. Die dieser Site beigefügten Mausparameterinformationen lauten wie folgt:

Laut Nachrichten dieser Website vom 12. August hat VGN am 6. August die gemeinsame Tastatur- und Mausserie ?Elden Ring“ auf den Markt gebracht, die Tastaturen, M?use und Mauspads umfasst, die im individuellen Design von Lani/Faded One gestaltet sind Es wurde auf JD.com zum Preis von 99 Yuan ver?ffentlicht. Die dieser Website beigefügten Informationen zu neuen Co-Branding-Produkten lauten wie folgt: VGN丨Elden Law Ring S99PRO-Tastatur Diese Tastatur verwendet ein Geh?use aus reiner Aluminiumlegierung, erg?nzt durch eine fünfschichtige Schalld?mpferstruktur, verwendet eine GASKET-Blattfederstruktur und verfügt über eine einzelne -Tasten-Schlitzplatine und Tastenkappen aus PBT-Material in Originalh?he, personalisierte Rückwandplatine aus Aluminiumlegierung; unterstützt Drei-Modus-Verbindung und SMARTSPEEDX-Technologie mit geringer Latenz, verbunden mit VHUB, kann es ab 549 Yuan mehrere Ger?te auf einmal verwalten; VGN丨Elden French Ring F1PROMAX kabellose Maus die Maus

Viele Benutzer wissen nicht, wo die von ihren Razer-Treibern installierten Dateien gespeichert sind. Diese Treiberdateien werden normalerweise auf der Systemfestplatte installiert, bei der es sich um das Laufwerk C des Computers handelt. Der genaue Speicherort befindet sich im RAZE-Ordner unter ?Programme“. In welchem ??Ordner befindet sich der Razer-Maustreiber? A: Im RAZE-Ordner unter ?Programme“ auf dem Systemlaufwerk C. Im Allgemeinen wird der Treiber auf dem Laufwerk C installiert. Suchen Sie ihn einfach anhand des Speicherorts. Einführung in die Installationsmethode für Razer-Maustreiber 1. Doppelklicken Sie nach dem Herunterladen der Datei von der offiziellen Website, um die heruntergeladene EXE-Datei auszuführen. 2. Warten Sie, bis die Software geladen ist. 3. Hier k?nnen Sie ausw?hlen, welchen Treiber Sie installieren m?chten. 4. Klicken Sie nach der Auswahl unten rechts auf ?Installieren“.

Laut Nachrichten dieser Website brachte Delux am 22. M?rz die kabellose Gaming-Maus M900Pro mit ergonomischer Rechtsh?nderform auf den Markt. Der erste Vorverkaufspreis beginnt bei 199 Yuan. Das farbenfrohe M900Pro ist ergonomisch für Rechtsh?nder konzipiert und für Benutzer mit mittelgro?en bis gro?en H?nden konzipiert. Es wiegt 63 g und ist mit einer matten UV-Beschichtung versehen. Die Maus verwendet den PAW3395-Sensor, der ursprüngliche Nano-Empf?nger unterstützt eine drahtlose Rücklaufrate von 8000 Hz, ist mit der Huannuo Blue Shell Pink Dot-Mikrobewegung ausgestattet und wird standardm??ig mit einer RGB-Ladestation und Anti-Rutsch-Aufklebern geliefert. Darüber hinaus unterstützt die Maus auch Funktionen wie LOD-Anpassung, vollst?ndige Tastenanpassung, benutzerdefinierte Welligkeitskontrolle und Geradenkorrektur. Sie ist mit PTFE-Fu?polstern, einer 1,6 m langen Fallschirmschnur und einem integrierten Aufbewahrungsfach für den Empf?nger ausgestattet. Diese Seite fasst die spezifischen Parameter dieser Maus wie folgt zusammen: Farbe: Schwarz, Wei?, Rot

Die Welt der ultraleichten Gaming-M?use hat in letzter Zeit richtig Fahrt aufgenommen, und sogar Mainstream-Hersteller von Gaming-Peripherieger?ten wie Cooler Master und Logitech sind mit der Cooler Master MM711 für 25,99 $ und der Logitech G Pro X Superlight ch für 105,99 $ mit von der Partie

Das Gewicht der Maus spielt eine sehr interessante Rolle bei der Maus. Welche Rolle spielt dieses Gewicht bei der Maus? Jeder Benutzer hat m?glicherweise unterschiedliche Gefühle, aber die Funktion dieses Gewichts besteht darin, Gewicht hinzuzufügen, um ein stabileres Ergebnis zu erzielen. Was nützen Mausgewichte? Antwort: Die Stabilisierung der Mausgewichte hat den Zweck, eine stabile Wirkung zu erzielen, kann aber auch das Mittelgewicht erh?hen. Natürlich müssen Sie es nicht hinzufügen, wenn Sie der Meinung sind, dass es nicht angemessen ist. Dies ist nur für Benutzer, die es ben?tigen. Welchen Einfluss hat die Installation eines Gewichtsblocks auf das Spielen? 1. Es kann die Stabilit?t der Maus weiter verbessern, insbesondere beim Spielen von FPS-Spielen. Es ist besonders cool, Ihr Erlebnis zu maximieren Verbesserung der Stabilit?t und anderer Aspekte der Haltbarkeit. 2. Wenn Sie welche tun
