G212Activar los controles al soltar el puntero, como hacen los controles nativos

Por qué es importante

Muchas personas pulsan sin querer: por temblores, por poca precisión o simplemente por un despiste en el móvil. Si la acción salta al apretar, no hay vuelta atrás.

Cuando la acción ocurre al soltar, basta con desplazar el dedo o el puntero fuera del botón para cancelarla. Esto evita borrar un archivo, enviar un formulario o comprar algo por accidente.

Cómo se hace

1. Use elementos nativos: <button>, <a href> o los controles estándar de iOS y Android. Ya se activan al soltar.
2. Programe las acciones con el evento click, que se dispara al soltar y también funciona con teclado.
3. Evite mousedown, pointerdown o touchstart para ejecutar acciones.
4. Si alguna acción tiene que ocurrir al apretar, que se pueda deshacer fácilmente, como colocar el cursor dentro de un campo de texto.

Cómo comprobarlo

1. Pulse cada botón o enlace sin soltar el ratón y compruebe que todavía no pasa nada.
2. Sin soltar, aparte el puntero del control y suelte: la acción no debe ejecutarse.
3. Haga lo mismo en el móvil con el dedo.
4. Si tiene acceso al código, busque eventos mousedown, pointerdown o touchstart que lancen acciones.

Ejemplo

La acción de borrar se programa con el evento click de un botón nativo.

<button type="button" id="borrar">Borrar borrador</button>
<script>
  // click se dispara al soltar, no al apretar
  document.getElementById('borrar')
    .addEventListener('click', borrarBorrador);
</script>