mozilla

Comparar revisiones

Eventos de toque

Change Revisions

Revisión 348279:

Revisión 348279 de Fjaguero el

Revisión 348293:

Revisión 348293 de Fjaguero el

Título:
Touch events
Touch events
Enlace amigable (slug):
DOM/Touch_events
DOM/Touch_events
Etiquetas:
"NeedsMobileBrowserCompatTable", "Event", "Mobile", "Gecko DOM Reference", "DOM", "eventos"
"NeedsMobileBrowserCompatTable", "Event", "Mobile", "Gecko DOM Reference", "DOM", "eventos"
Contenido:

Revisión 348279
Revisión 348293
n117      Dibujando los eventos de toque se muevenn117      Dibujando mientras los eventos de toque se mueven
n148      Esto se repite también en los toques cambiados, pero se ve n148      Esto se repite también en los toques cambiados, pero mira e
>en nuestra matriz de información de toques cacheada la informació>n nuestra matriz de información de toques cacheados la informació
>n previa de cada toque  con el fin de determinar los puntos >n previa de cada toque con el fin de determinar los puntos de ini
>de inicio para cada nuevo segmento de línea de toques para ser di>cio para cada nuevo segmento de línea de toques que será dibujada
>bujada. Esto se hace mirando cada propiedad de los toques {{ domx>. Esto se hace mirando cada propiedad de los toques de {{ domxref
>ref("Touch.identifier") }} . Esta propiedad es un único entero pa>("Touch.identifier") }} . Esta propiedad es un único entero para 
>ra cada toque, y sigue siendo consistente para cada evento durant>cada toque, y sigue siendo consistente para cada evento durante l
>e la duración del contacto de cada dedo con la superficie.>a duración del contacto de cada dedo con la superficie.
149    </p>
150    <p>149    </p>
151      Esto nos da las coordenadas de la posición previa de cada t
>oque y usa el apropiado método de contexto para dibujar un segmen 
>to de línea uniendo dos posiciones a la vez. 
152    </p>150    <p>
151      Esto nos permite conseguir las coordenadas de la posición p
 >revia de cada toque y usar el método apropiado de contexto para d
 >ibujar un segmento de línea uniendo dos posiciones a la vez.
153    <p>152    </p>
153    <p>
154      Después de dibujar la línea, llamammos a&nbsp; <a href="/en154      Después de dibujar la línea, llamamos a&nbsp; <a href="/en/
>/JavaScript/Reference/Global_Objects/Array/splice" title="en/Java>JavaScript/Reference/Global_Objects/Array/splice" title="en/JavaS
>Script/Reference/Global Objects/Array/splice"><code>Array.splice(>cript/Reference/Global Objects/Array/splice"><code>Array.splice()
>)</code></a> para reemplazar la información previa del punto de t></code></a> para reemplazar la información previa sobre el punto 
>oque con la información actualen la matriz <code>ongoingTouches</>de toque con la información actual de la matriz <code>ongoingTouc
>code>.>hes</code>.
n157      Manejo del final de un toquen157      Manejando el final de un toque
158    </h3>
159    <p>158    </h3>
160      Cuando el usuario levanta un dedo de la superficie, un even159    <p>
>to <code>touchend</code> es enviado.&nbsp; De igual manera, si el 
> dedo se desliza fuera de nuestro lienzo, obtenemos un evento <co 
>de>touchleave</code>. Manejamos ambos casos de la misma manera: l 
>lamando a la función <code>handleEnd()</code> de abajo.&nbsp; Est 
>e trabajo es para dibujar el último segmiento de línea para cada  
>toque que ha finalizado y remueve el punto de toque de la lista d 
>e toques en marcha. 
160      Cuando el usuario levanta un dedo de la superficie, un even
 >to <code>touchend</code> es enviado.&nbsp; De igual manera, si el
 > dedo se desliza fuera de nuestro lienzo, obtenemos un evento <co
 >de>touchleave</code>. Manejamos ambos casos de la misma manera: l
 >lamando a la función <code>handleEnd()</code> de abajo. Su trabaj
 >o es dibujar el último segmento de línea para cada toque que ha f
 >inalizado y remueve el punto de toque de la lista de toques en ma
 >rcha.
n186      Esto es muy similar a la función previa; la única diferencin186      Esto es muy similar a la función previa; la única diferenci
>a real es que cuando llamamos a&nbsp; <a href="/en/JavaScript/Ref>a real es que cuando llamamos a&nbsp; <a href="/en/JavaScript/Ref
>erence/Global_Objects/Array/splice" title="en/JavaScript/Referenc>erence/Global_Objects/Array/splice" title="en/JavaScript/Referenc
>e/Global Objects/Array/splice"><code>Array.splice()</code></a>, s>e/Global Objects/Array/splice"><code>Array.splice()</code></a>, s
>implemente remueve la antigua entrada de la lista de toques en ma>implemente remueve la antigua entrada de la lista de toques en ma
>rcha, sin añadir en la información actualizada. El resultado de e>rcha, sin añadir la información actualizada. El resultado es que 
>sto es que detenemos el seguimiento del punto de toque.>detenemos el seguimiento del punto de toque.
n189      Manejo de los toques canceladosn189      Manejando los toques cancelados
n205      Desde que la idea es inmediatamente cancelar el toque, simpn205      Dado que la idea es cancelar el toque inmediatamente, simpl
>lemente lo removemos de la lista de toques en marcha sin dibujar >emente lo removemos de la lista de toques en marcha sin dibujar u
>un segmento final de línea>n segmento de línea final.
n211      Este ejemplo usa dos funciones convenientes que deben mirarn211      Este ejemplo usa dos funciones de convenience que deben mir
>se brebemente para ayudar a que el resto del código sea más claro>arse brevemente para ayudar a que el resto del código sea más cla
>.>ro.
n233      La función <code>ongoingTouchIndexById()</code> abajo explon233      La función <code>ongoingTouchIndexById()</code> abajo explo
>ra mediante la matriz <code>ongoingTouches</code> para encontrar >ra mediante la matriz <code>ongoingTouches</code> para encontrar 
>el toque que coincida con el identificador dado, luego retorna qu>el toque que coincida con el identificador dado, luego devuelve l
>e los índices de toques en la matriz.>os índices de toques a la matriz.
n260      Desde la llamada <code>preventDefault()</code> en un <code>n260      Ya que la llamada <code>preventDefault()</code> en un <code
>touchstart</code> o el primer evento <code>touchmove</code> de un>>touchstart</code> o el primer evento <code>touchmove</code> de u
>a serie&nbsp; impide que los eventos correspondientes eventos del>na serie impide que los eventos correspondientes eventos del mous
> mouse o ratón se disparen, es común llamar a <code>preventDefaul>e o ratón se disparen, es común llamar a <code>preventDefault()</
>t()</code> en <code>touchmove</code> en lugar de <code>touchstart>code> en <code>touchmove</code> en lugar de <code>touchstart</cod
></code>. De esta manera, los eventos del ratón pueden todavía ser>e>. De esta manera, los eventos del ratón pueden todavía ser disp
> disparados y cosas como enlaces siguen funcionando. Alternativam>arados y cosas como enlaces siguen funcionando. Alternativamente,
>ente,&nbsp; algunos frameworks tienen que referirse a eventos de > algunos frameworks tienen que referirse a eventos de toque como 
>toque como para eventos de ratón para este mismo propósito. (Este>eventos de ratón para este mismo propósito. (Este ejemplo es muy 
> ejemplo es muy simplificado y podria resultar en un extraño comp>simplificado y podria resultar en un extraño comportamiento. Solo
>ortamiento. Solo se diseño como guía).> se diseñó como guía).
n289      Browser compatibilityn289      Compatibilidad de navegadores
n299              Featuren299              Característica
n319              Basic supportn319              Soporte básico
n345              Featuren345              Característica
n368              Basic supportn368              Soporte básico
n393      Gecko notesn393      Notas de Gecko
394    </h3>
395    <p>394    </h3>
396      The <code>dom.w3c_touch_events.enabled</code> preference ca395    <p>
>n be used to enable and disable support for standard touch events 
>; by default, they're enabled. 
396      La preferencia <code>dom.w3c_touch_events.enabled</code> pu
 >ede ser utilizada para activar o desactivar el soporte de eventos
 > de toque estándares; por defecto, están activados.
n403        Prior to Gecko 12.0 {{ geckoRelease("12.0") }}, Gecko didn403        Antes de Gecko 12.0 {{ geckoRelease("12.0") }}, Gecko no 
> not support multi-touch; only one toucatime was reported.>soportaba multi-toquessolo un toqucadvez era reportado.
t407      <strong>Note:</strong> Prior to Gecko 6.0 {{ geckoRelease("t407      <strong>Note:</strong> Antes de Gecko 6.0 {{ geckoRelease("
>6.0") }}, Gecko offered a <a href="/en/DOM/Touch_events_(Mozilla_>6.0") }}, Gecko ofrecía una <a href="/en/DOM/Touch_events_(Mozill
>experimental)" title="en/DOM/Touch events (Mozilla experimental)">a_experimental)" title="en/DOM/Touch events (Mozilla experimental
>>proprietary touch event API</a>. That API is now deprecated; you>)">API de eventos de toque propietaria</a>. Está API está obsolet
> should switch to this one.">a actualmente; deberías cambiar a esta."

Volver al historial