From 004b3c5fc8d71b68fcb019c9e0346bf80024dbbd Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 14:48:47 +0100 Subject: unslug nl: move --- .../nl/web/api/element/mousedown_event/index.html | 234 +++++++++++++++++++ files/nl/web/api/element/mouseout_event/index.html | 259 +++++++++++++++++++++ 2 files changed, 493 insertions(+) create mode 100644 files/nl/web/api/element/mousedown_event/index.html create mode 100644 files/nl/web/api/element/mouseout_event/index.html (limited to 'files/nl/web/api/element') diff --git a/files/nl/web/api/element/mousedown_event/index.html b/files/nl/web/api/element/mousedown_event/index.html new file mode 100644 index 0000000000..a042336cd2 --- /dev/null +++ b/files/nl/web/api/element/mousedown_event/index.html @@ -0,0 +1,234 @@ +--- +title: mousedown +slug: Web/Events/mousedown +tags: + - API + - DOM + - Event + - Interface + - NeedsSpecTable + - Referentie +translation_of: Web/API/Element/mousedown_event +--- +
Het mousedown event wordt opgeworpen wanneer de knop van een aanwijs device wordt ingedrukt op een element.
+ +

Algemene info

+ +
+
Specificatie
+
DOM L3
+
Interface
+
{{domxref("MouseEvent")}}
+
Bubbles
+
Ja
+
Cancelable
+
Ja
+
Doel
+
Element
+
Default Actie
+
Varieert: Start een drag/drop operatie; start een text selectie; start een scroll/pan interactie (in combinatie met de middelste muisknop, indien ondersteund)
+
+ +

Eigenschappen

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
EigenschapTypeBeschrijving
target {{readonlyInline}}{{domxref("EventTarget")}}Het event target (het hoogste target in de DOM boom).
type {{readonlyInline}}{{domxref("DOMString")}}Het type van het event.
bubbles {{readonlyInline}}BooleanOf het event normaalgezien bubblet of niet
cancelable {{readonlyInline}}BooleanKan het event gecancellet worden of niet?
view {{readonlyInline}}{{domxref("WindowProxy")}}{{domxref("document.defaultView")}} (window van het document)
detail {{readonlyInline}}long (float)Het aantal opeenvolgende clicks in een kort inerval, plus een.
currentTarget {{readonlyInline}}{{domxref("EventTarget")}}De node waar de event listener aan hangt.
relatedTarget {{readonlyInline}}{{domxref("EventTarget")}}Voor mouseover, mouseout, mouseenter en mouseleave events: target van het complementaire event (mouseleave target in het geval van een mouseenter event). null anders.
screenX {{readonlyInline}}longDe X coordinaat van de muiscursor in globale (scherm) coordinaten.
screenY {{readonlyInline}}longDe Y coordinaat van de muiscursor in globale (scherm) coordinaten.
clientX {{readonlyInline}}longDe X coordinaat van de muiscursor in lokale (DOM inhoud) coordinaten.
clientY {{readonlyInline}}longDe Y coordinaat van de muiscursor in lokale (DOM inhoud) coordinaten.
button {{readonlyInline}}unsigned shortHet getal van de knop die ingedrukt werd toen het event afgevuurd werd: Linkse knop=0, middelste knop=1 (indien aanwezig), rechtse knop=2. Voor muizen geconfigureerd voor linkshandig gebruik, waarbij de knopacties omgekeerd zijn, worden de waarden van rechts naar links gelezen.
buttons {{readonlyInline}}unsigned short +

De knoppen die ingedrukt werden op het moment dat het muisevent afgevuurd werd: Linkse knop=1, Rechtse knop=2, Middelste (wiel) knop=4, 4e knop (typisch, "Browser Back" knop)=8, 5e knop (typisch, "Browser Forward" knop)=16. Indien twee of meer knoppen samen ingedrukt zijn, wordt de logische som van de waarden teruggegeven. B.v., indien zowel de linkse als de rechtse knop ingedrukt worden, wordt 3 teruggeven  (=1 | 2). Meer info.

+
mozPressure {{readonlyInline}}float +

De hoeveelheid druk toegepast op een touch of tabdevice, wanneer het event gegenereerd werd; deze waarde ligt tussen 0.0 (minimale druk) en 1.0 (maximale druk).

+
ctrlKey {{readonlyInline}}booleantrue indien de control toets ingedrukt was wanneer het event gevuurd werd. false indien niet.
shiftKey {{readonlyInline}}booleantrue indien de shift key ingedrukt was wanneer het event gevuurd werd. false indien niet.
altKey {{readonlyInline}}booleantrue indien de alt key ingedrukt was wanneer het event gevuurd werd. false indien niet.
metaKey {{readonlyInline}}booleantrue indien de meta key ingedrukt was wanneer het event gevuurd werd. false indien niet.
+ +

Browser compatibiliteit

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerEdgeOperaSafari
Basis support{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+

Op disabled form elements

+ 		{{CompatVersionUnknown}}[1]{{CompatNo}}{{CompatVersionUnknown}}{{CompatNo}}{{CompatVersionUnknown}}[1]{{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basis support{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
Op disabled form elements{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +

[1] Werkt enkel voor {{HTMLElement("textarea")}} elementen and enkele {{HTMLElement("input")}} element types.

+ +

Zie ook

+ + diff --git a/files/nl/web/api/element/mouseout_event/index.html b/files/nl/web/api/element/mouseout_event/index.html new file mode 100644 index 0000000000..f454a2d50b --- /dev/null +++ b/files/nl/web/api/element/mouseout_event/index.html @@ -0,0 +1,259 @@ +--- +title: mouseout +slug: Web/Events/mouseout +translation_of: Web/API/Element/mouseout_event +--- +

Het mouseout event wordt uitgevoerd wanneer een aanwijzend apparaat (doorgaans een muis) van het element (of een van zijn children) dat de listener aan zich heeft verbonden,  af is bewogen.  

+ +

Algemene info

+ +
+
Specificatie
+
DOM L3
+
Interface
+
MouseEvent
+
Bubbles
+
Ja
+
Cancelable
+
Ja
+
Target
+
Element
+
Default Action
+
Geen
+
+ +

Eigenschappen

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PropertyTypeDescription
target {{readonlyInline}}EventTargetThe event target (the topmost target in the DOM tree).
type {{readonlyInline}}DOMStringThe type of event.
bubbles {{readonlyInline}}BooleanWhether the event normally bubbles or not
cancelable {{readonlyInline}}BooleanWhether the event is cancellable or not?
view {{readonlyInline}}WindowProxydocument.defaultView (window of the document)
detail {{readonlyInline}}long (float)A count of consecutive clicks that happened in a short amount of time, incremented by one.
currentTarget {{readonlyInline}}EventTargetThe node that had the event listener attached.
relatedTarget {{readonlyInline}}EventTargetFor mouseover, mouseout, mouseenter and mouseleave events: the target of the complementary event (the mouseleave target in the case of a mouseenter event). null otherwise.
screenX {{readonlyInline}}longThe X coordinate of the mouse pointer in global (screen) coordinates.
screenY {{readonlyInline}}longThe Y coordinate of the mouse pointer in global (screen) coordinates.
clientX {{readonlyInline}}longThe X coordinate of the mouse pointer in local (DOM content) coordinates.
clientY {{readonlyInline}}longThe Y coordinate of the mouse pointer in local (DOM content) coordinates.
button {{readonlyInline}}unsigned shortThe button number that was pressed when the mouse event was fired: Left button=0, middle button=1 (if present), right button=2. For mice configured for left handed use in which the button actions are reversed the values are instead read from right to left.
buttons {{readonlyInline}}unsigned shortThe buttons being pressed when the mouse event was fired: Left button=1, Right button=2, Middle (wheel) button=4, 4th button (typically, "Browser Back" button)=8, 5th button (typically, "Browser Forward" button)=16. If two or more buttons are pressed, returns the logical sum of the values. E.g., if Left button and Right button are pressed, returns 3 (=1 | 2). More info.
mozPressure {{readonlyInline}}floatThe amount of pressure applied to a touch or tabdevice when generating the event; this value ranges between 0.0 (minimum pressure) and 1.0 (maximum pressure).
ctrlKey {{readonlyInline}}booleantrue if the control key was down when the event was fired. false otherwise.
shiftKey {{readonlyInline}}booleantrue if the shift key was down when the event was fired. false otherwise.
altKey {{readonlyInline}}booleantrue if the alt key was down when the event was fired. false otherwise.
metaKey {{readonlyInline}}booleantrue if the meta key was down when the event was fired. false otherwise.
+ +

Voorbeeld

+ +

Het volgende voorbeeld illustreert het verschil tussen mouseout en mouseleave events.

+ +
<ul id="test">
+  <li>item 1</li>
+  <li>item 2</li>
+  <li>item 3</li>
+</ul>
+
+<script>
+  var test = document.getElementById("test");
+
+
+  // this handler will be executed only once when the cursor moves off the unordered list
+  test.addEventListener("mouseleave", function( event ) {
+    // highlight the mouseleave target
+    event.target.style.color = "purple";
+
+    // reset the color after a short delay
+    setTimeout(function() {
+      event.target.style.color = "";
+    }, 500);
+  }, false);
+
+
+  // this handler will be executed every time the cursor is moved off a different list-item
+  test.addEventListener("mouseout", function( event ) {
+    // highlight the mouseout target
+    event.target.style.color = "orange";
+
+    // reset the color after a short delay
+    setTimeout(function() {
+      event.target.style.color = "";
+    }, 500);
+  }, false);
+</script>
+
+ +

Browsercompatibiliteit

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerEdgeOperaSafari
Basisondersteuning{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
Op disabled formelementen{{CompatVersionUnknown}}[1]{{CompatGeckoDesktop("44.0")}}[2]{{CompatVersionUnknown}}{{CompatNo}}{{CompatVersionUnknown}}[1]{{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basisondersteuning{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
Op disabled formelementen{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +

[1] Werkt alleen voor {{HTMLElement("textarea")}}-elementen en sommige {{HTMLElement("input")}} element types.

+ +

[2] Geïmplementeerd in {{bug("218093")}}.

+ +

Zie ook

+ + -- cgit v1.2.3-54-g00ecf