diff options
Diffstat (limited to 'files/fr/web/api/wheelevent')
| -rw-r--r-- | files/fr/web/api/wheelevent/deltax/index.html | 4 | ||||
| -rw-r--r-- | files/fr/web/api/wheelevent/deltay/index.html | 4 | ||||
| -rw-r--r-- | files/fr/web/api/wheelevent/deltaz/index.html | 4 | ||||
| -rw-r--r-- | files/fr/web/api/wheelevent/index.html | 10 |
4 files changed, 11 insertions, 11 deletions
diff --git a/files/fr/web/api/wheelevent/deltax/index.html b/files/fr/web/api/wheelevent/deltax/index.html index f98967d589..05a9e41e39 100644 --- a/files/fr/web/api/wheelevent/deltax/index.html +++ b/files/fr/web/api/wheelevent/deltax/index.html @@ -17,11 +17,11 @@ translation_of: Web/API/WheelEvent/deltaX <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate">var <code><em>dX</em> = <em>event</em>.deltaX;</code></pre> +<pre class="syntaxbox">var <code><em>dX</em> = <em>event</em>.deltaX;</code></pre> <h2 id="Exemple">Exemple</h2> -<pre class="brush: js notranslate">var syntheticEvent = new WheelEvent("syntheticWheel", {"deltaX": 4, "deltaMode": 0}); +<pre class="brush: js">var syntheticEvent = new WheelEvent("syntheticWheel", {"deltaX": 4, "deltaMode": 0}); console.log(syntheticEvent.deltaX); </pre> diff --git a/files/fr/web/api/wheelevent/deltay/index.html b/files/fr/web/api/wheelevent/deltay/index.html index f1a0508f25..49eeb736f5 100644 --- a/files/fr/web/api/wheelevent/deltay/index.html +++ b/files/fr/web/api/wheelevent/deltay/index.html @@ -17,11 +17,11 @@ translation_of: Web/API/WheelEvent/deltaY <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate">var <code><em>dY</em> = <em>event</em>.deltaY;</code></pre> +<pre class="syntaxbox">var <code><em>dY</em> = <em>event</em>.deltaY;</code></pre> <h2 id="Exemple">Exemple</h2> -<pre class="brush: js notranslate">var syntheticEvent = new WheelEvent("syntheticWheel", {"deltaY": 4, "deltaMode": 0}); +<pre class="brush: js">var syntheticEvent = new WheelEvent("syntheticWheel", {"deltaY": 4, "deltaMode": 0}); console.log(syntheticEvent.deltaY); </pre> diff --git a/files/fr/web/api/wheelevent/deltaz/index.html b/files/fr/web/api/wheelevent/deltaz/index.html index 608cc4349b..8ab33605b0 100644 --- a/files/fr/web/api/wheelevent/deltaz/index.html +++ b/files/fr/web/api/wheelevent/deltaz/index.html @@ -18,11 +18,11 @@ translation_of: Web/API/WheelEvent/deltaZ <h2 id="Syntaxe">Syntaxe</h2> -<pre class="syntaxbox notranslate">var <code><em>dZ</em> = <em>event</em>.deltaZ;</code></pre> +<pre class="syntaxbox">var <code><em>dZ</em> = <em>event</em>.deltaZ;</code></pre> <h2 id="Exemple">Exemple</h2> -<pre class="brush: js notranslate">var syntheticEvent = new WheelEvent("syntheticWheel", {"deltaZ": 4, "deltaMode": 0}); +<pre class="brush: js">var syntheticEvent = new WheelEvent("syntheticWheel", {"deltaZ": 4, "deltaMode": 0}); console.log(syntheticEvent.deltaZ); </pre> diff --git a/files/fr/web/api/wheelevent/index.html b/files/fr/web/api/wheelevent/index.html index ef8e0f5c4c..fcd871b623 100644 --- a/files/fr/web/api/wheelevent/index.html +++ b/files/fr/web/api/wheelevent/index.html @@ -13,12 +13,12 @@ translation_of: Web/API/WheelEvent <p>L'interface <strong><code>WheelEvent</code></strong> représente les évènements qui se produisent lorsque l'utilisateur déplace la molette de la souris ou un périphérique d'entrée similaire.</p> -<div class="blockIndicator warning"> -<p><strong>Important: Il s'agit de l'interface d'évènement de roue standard à utiliser.</strong> Les anciennes versions des navigateurs implémentaient les interfaces {{DOMxRef("MouseWheelEvent")}} et {{DOMxRef("MouseScrollEvent")}} non standard et non compatibles avec plusierus navigateurs. Utilisez cette interface et évitez les non standard.</p> +<div class="warning"> +<p><strong>Attention :</strong> Il s'agit de l'interface d'évènement de roue standard à utiliser. Les anciennes versions des navigateurs implémentaient les interfaces {{DOMxRef("MouseWheelEvent")}} et {{DOMxRef("MouseScrollEvent")}} non standard et non compatibles avec plusierus navigateurs. Utilisez cette interface et évitez les non standard.</p> </div> -<div class="blockIndicator note"> -<p><strong>Ne confondez pas l'évènement {{domxref("Element/wheel_event", "wheel")}} avec l'énénement {{domxref("Element/scroll_event", "scroll")}} :</strong> L'action par défaut d'un évènement <code>wheel</code> est définie par l'implantation. Ainsi, un évènement <code>wheel</code> ne distribue pas nécessairement un évènement <code>scroll</code>. Même lorsque c'est le cas, cela ne signifie pas que les valeurs <code>delta*</code> dans l'évènement <code>wheel</code> reflètent nécessairement la direction de défilement du contenu. Par conséquent, ne comptez pas sur les propriétés <code>delta*</code> pour obtenir la direction de défilement du contenu. Au lieu de cela, détectez les changements de valeurs de {{DOMxRef("Element.scrollLeft", "scrollLeft")}} et {{DOMxRef("Element.scrollTop", "scrollTop")}} de la cible dans l'évènement <code>scroll</code>.</p> +<div class="note"> +<p><strong>Note :</strong> Ne confondez pas l'évènement {{domxref("Element/wheel_event", "wheel")}} avec l'énénement {{domxref("Element/scroll_event", "scroll")}} :</strong> L'action par défaut d'un évènement <code>wheel</code> est définie par l'implantation. Ainsi, un évènement <code>wheel</code> ne distribue pas nécessairement un évènement <code>scroll</code>. Même lorsque c'est le cas, cela ne signifie pas que les valeurs <code>delta*</code> dans l'évènement <code>wheel</code> reflètent nécessairement la direction de défilement du contenu. Par conséquent, ne comptez pas sur les propriétés <code>delta*</code> pour obtenir la direction de défilement du contenu. Au lieu de cela, détectez les changements de valeurs de {{DOMxRef("Element.scrollLeft", "scrollLeft")}} et {{DOMxRef("Element.scrollTop", "scrollTop")}} de la cible dans l'évènement <code>scroll</code>.</p> </div> <p>{{InheritanceDiagram}}</p> @@ -34,7 +34,7 @@ translation_of: Web/API/WheelEvent <p><em>Cette interface hérite des propriétés de ses ancêtres, {{DOMxRef("MouseEvent")}}, {{DOMxRef("UIEvent")}}, et {{DOMxRef("Event")}}.</em></p> -<dl id="raw_prop"> +<dl> <dt>{{DOMxRef("WheelEvent.deltaX")}}{{ReadOnlyInline}}</dt> <dd>Renvoie un <code>double</code> représentant le montant du défilement horizontal.</dd> <dt>{{DOMxRef("WheelEvent.deltaY")}}{{ReadOnlyInline}}</dt> |
