国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Heim Web-Frontend js-Tutorial Bubbling-Verarbeitung von Mausereignissen mit JavaScript- und JQuery_javascript-Kenntnissen

Bubbling-Verarbeitung von Mausereignissen mit JavaScript- und JQuery_javascript-Kenntnissen

May 16, 2016 pm 03:54 PM
javascript jquery mouse Ereignis Maus

Einfaches Mausbewegungsereignis:

Eintreten

Code kopieren Der Code lautet wie folgt:

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

verl?uft

Auszug

Code kopieren Der Code lautet wie folgt:

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

Code kopieren Der Code lautet wie folgt:

?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

ausgel?st

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

Code kopieren Der Code lautet wie folgt:

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;
??????????? }
??????? };
??? });

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

Hei?e KI -Werkzeuge

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

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

Hei?e Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Hei?e Themen

PHP-Tutorial
1502
276
Wie deaktiviere ich die Vorschau der Taskleisten-Miniaturansichten in Win11? Deaktivieren Sie die Anzeige der Miniaturansichten der Taskleistensymbole durch Bewegen der Maus Wie deaktiviere ich die Vorschau der Taskleisten-Miniaturansichten in Win11? Deaktivieren Sie die Anzeige der Miniaturansichten der Taskleistensymbole durch Bewegen der Maus Feb 29, 2024 pm 03:20 PM

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

Razer |. Die kabellose Pokémon Gengar-Maus und das Mauspad sind jetzt zum Setpreis von 1.549 Yuan erh?ltlich Razer |. Die kabellose Pokémon Gengar-Maus und das Mauspad sind jetzt zum Setpreis von 1.549 Yuan erh?ltlich Jul 19, 2024 am 04:17 AM

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

HP bringt die Softmaus Professor 1 mit drei Modi auf den Markt: 4000 DPI, Blue Shadow RAW3220, Erstpreis 99 Yuan HP bringt die Softmaus Professor 1 mit drei Modi auf den Markt: 4000 DPI, Blue Shadow RAW3220, Erstpreis 99 Yuan Apr 01, 2024 am 09:11 AM

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:

Die Produkte der VGN-Co-Branding-Tastatur- und Mausserie ?Elden's Circle' sind jetzt in den Regalen: Lani / Faded One benutzerdefiniertes Thema, ab 99 Yuan Die Produkte der VGN-Co-Branding-Tastatur- und Mausserie ?Elden's Circle' sind jetzt in den Regalen: Lani / Faded One benutzerdefiniertes Thema, ab 99 Yuan Aug 12, 2024 pm 10:45 PM

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

In welchem ??Ordner befindet sich der Razer-Maustreiber? In welchem ??Ordner befindet sich der Razer-Maustreiber? Mar 02, 2024 pm 01:28 PM

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“.

Colorful bringt die kabellose Gaming-Maus M900 Pro auf den Markt: ergonomische Form für die rechte Hand, 8K-Nano-Empf?nger, ab 199 Yuan Colorful bringt die kabellose Gaming-Maus M900 Pro auf den Markt: ergonomische Form für die rechte Hand, 8K-Nano-Empf?nger, ab 199 Yuan Mar 23, 2024 pm 05:16 PM

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

Zer?mouse: YouTuber baut eine 16-g-Gaming-Maus, und Sie k?nnen eine kaufen – eine Art Zer?mouse: YouTuber baut eine 16-g-Gaming-Maus, und Sie k?nnen eine kaufen – eine Art Aug 16, 2024 pm 03:42 PM

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

Was nützen Mausgewichte? Was nützen Mausgewichte? Mar 01, 2024 am 10:00 AM

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

See all articles