diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:45 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:45 -0500 |
commit | 1109132f09d75da9a28b649c7677bb6ce07c40c0 (patch) | |
tree | 0dd8b084480983cf9f9680e8aedb92782a921b13 /files/es/web/api/wheelevent | |
parent | 4b1a9203c547c019fc5398082ae19a3f3d4c3efe (diff) | |
download | translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.tar.gz translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.tar.bz2 translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.zip |
initial commit
Diffstat (limited to 'files/es/web/api/wheelevent')
-rw-r--r-- | files/es/web/api/wheelevent/deltay/index.html | 95 | ||||
-rw-r--r-- | files/es/web/api/wheelevent/index.html | 174 |
2 files changed, 269 insertions, 0 deletions
diff --git a/files/es/web/api/wheelevent/deltay/index.html b/files/es/web/api/wheelevent/deltay/index.html new file mode 100644 index 0000000000..68135cd221 --- /dev/null +++ b/files/es/web/api/wheelevent/deltay/index.html @@ -0,0 +1,95 @@ +--- +title: WheelEvent.deltaY +slug: Web/API/WheelEvent/deltaY +translation_of: Web/API/WheelEvent/deltaY +--- +<p>{{APIRef("DOM Events")}}</p> + +<p>La propiedad de solo lectura <code><strong>WheelEvent.deltaY</strong></code> es un <code>double</code> que representa la cantidad de deslizamiento vertical en la unidad {{domxref("WheelEvent.deltaMode")}} .</p> + +<h2 id="Sintaxis">Sintaxis</h2> + +<pre class="syntaxbox">var <code><em>dY</em> = <em>event</em>.deltaY;</code></pre> + +<h2 id="Ejemplo">Ejemplo</h2> + +<pre class="brush: js">var syntheticEvent = new WheelEvent("syntheticWheel", {"deltaY": 4, "deltaMode": 0}); + +console.log(syntheticEvent.deltaY); +</pre> + +<h2 id="Especificaciones">Especificaciones</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificación</th> + <th scope="col">Estado</th> + <th scope="col">Comentario</th> + </tr> + <tr> + <td>{{SpecName('DOM3 Events','#widl-WheelEvent-deltaY','WheelEvent.deltaY')}}</td> + <td>{{Spec2('DOM3 Events')}}</td> + <td>Initial definition.</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilidad_de_los_navegadores">Compatibilidad de los navegadores</h2> + +<p>{{ CompatibilityTable() }}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Basic support</td> + <td>31</td> + <td>{{ CompatGeckoDesktop("17.0") }}</td> + <td>{{ CompatIE("9.0") }} [1]</td> + <td>18</td> + <td>9.0</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatGeckoMobile("17.0") }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatNo() }}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] IE9 soporta un viejo boceto de esta propuedad cuyo valor de retorno era un <code>long</code> en vez de un <code>double</code>.</p> + +<h2 class="note" id="Ver_más">Ver más</h2> + +<ul> + <li>{{ event("wheel") }}</li> + <li>{{domxref("WheelEvent")}}</li> +</ul> diff --git a/files/es/web/api/wheelevent/index.html b/files/es/web/api/wheelevent/index.html new file mode 100644 index 0000000000..c53bbb87cc --- /dev/null +++ b/files/es/web/api/wheelevent/index.html @@ -0,0 +1,174 @@ +--- +title: WheelEvent +slug: Web/API/WheelEvent +tags: + - API + - DOM + - Interface + - Referencia + - WheelEvent + - eventos +translation_of: Web/API/WheelEvent +--- +<p>{{APIRef("DOM Events")}}</p> + +<p>El interface <strong><code>WheelEvent</code></strong> retrata los eventos que ocurren cuando el usuario mueve la rueda del ratón o de un dispositivo similar.</p> + +<div class="note"> +<p><strong>Esta es la forma estándar de usar el evento wheel.</strong></p> + +<p>Antiguas versiones de navegadores implementaron dos formas no-estándar y no-compatibles-entre-navegadores, los interfaces {{ domxref("MouseWheelEvent") }} y {{domxref("MouseScrollEvent")}}. Utilice este interfaz y evite los dos últimos.</p> +</div> + +<p>{{InheritanceDiagram}}</p> + +<h2 id="Constructor">Constructor</h2> + +<dl> + <dt>{{domxref("WheelEvent.WheelEvent", "WheelEvent()")}}</dt> + <dd>Crea el objeto <code>WheelEvent</code>.</dd> +</dl> + +<h2 id="Propiedades">Propiedades</h2> + +<p><em>Este interfaz hereda propiedades de estos padres<em>, {{domxref("MouseEvent")}}, {{domxref("UIEvent")}} y {{domxref("Event")}}.</em></em></p> + +<dl id="raw_prop"> + <dt>{{domxref("WheelEvent.deltaX")}} {{readonlyinline}}</dt> + <dd>Devuelve un doble (número de doble precisión) que representa la cantidad de desplazamiento horizontal.</dd> + <dt>{{domxref("WheelEvent.deltaY")}} {{readonlyinline}}</dt> + <dd>Devuelve un doble que representa la cantidad de desplazamiento vertical.</dd> + <dt>{{domxref("WheelEvent.deltaZ")}} {{readonlyinline}}</dt> + <dd>Devuelve un doble que representa la cantidad de desplazamiento del eje-z.</dd> + <dt>{{domxref("WheelEvent.deltaMode")}} {{readonlyinline}}</dt> + <dd>Devuelve un entero largo sin signo que representa la unidad manejada por los valores de cantidad de desplazamiento delta. Los valores permitidos son: + <table class="standard-table"> + <tbody> + <tr> + <td class="header">Constant</td> + <td class="header">Value</td> + <td class="header">Description</td> + </tr> + <tr> + <td><code>DOM_DELTA_PIXEL</code></td> + <td><code>0x00</code></td> + <td>Los valores delta están especificados en pixeles.</td> + </tr> + <tr> + <td><code>DOM_DELTA_LINE</code></td> + <td><code>0x01</code></td> + <td>Los valores delta están especificados en líneas.</td> + </tr> + <tr> + <td><code>DOM_DELTA_PAGE</code></td> + <td><code>0x02</code></td> + <td>Los valores delta están especificados en páginas.</td> + </tr> + </tbody> + </table> + </dd> +</dl> + +<h2 id="Métodos">Métodos</h2> + +<p><em>Este interfaz no define ningún método, pero hereda métodos de estos padres, {{domxref("MouseEvent")}}, {{domxref("UIEvent")}} y {{domxref("Event")}}.</em></p> + +<h2 id="Especificaciones">Especificaciones</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificación</th> + <th scope="col">Estatus</th> + <th scope="col">Comentario</th> + </tr> + <tr> + <td>{{SpecName('DOM3 Events','#interface-WheelEvent','WheelEvent')}}</td> + <td>{{Spec2('DOM3 Events')}}</td> + <td>Definición inicial.</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilidad_en_navegadores">Compatibilidad en navegadores</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Chrome</th> + <th>Edge</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Implementación básica</td> + <td>31</td> + <td>{{ CompatVersionUnknown }}</td> + <td>{{ CompatGeckoDesktop("17.0") }}</td> + <td>{{ CompatIE("9.0") }}</td> + <td>18</td> + <td>7.0</td> + </tr> + <tr> + <td><code>window.WheelEvent</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{ CompatVersionUnknown }}</td> + <td>{{ CompatGeckoDesktop("17.0") }}</td> + <td>{{ CompatIE("9.0") }}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}} [1]</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Implementación básica</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{ CompatGeckoMobile("17.0") }}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>window.WheelEvent</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{ CompatGeckoMobile("17.0") }}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Safari no implementa actualmente <code>WheelEvent</code> actually; sin embargo este devuelve un objeto para <code>window.WheelEvent</code>.</p> + +<h2 class="note" id="Ver_también">Ver también</h2> + +<ul> + <li>{{ event("wheel") }}</li> + <li>Interfaces reemplazados por este: + <ul> + <li>Objeto del evento de la rueda del ratón legado de la plataforma Gecko: {{ domxref("MouseScrollEvent") }}</li> + <li>Navegadores no-gecko, objeto del evento de la rueda del ratón legado: {{ domxref("MouseWheelEvent") }}</li> + </ul> + </li> +</ul> |