2012-06-24 12 views
6

Los dispositivos móviles con teclados de software a menudo cambian el teclado al rellenar un formulario web para permitir que el usuario lo envíe con un solo clic y evitar pinchar en el botón 'enviar' del formulario.¿Cómo puedo aprovechar el botón 'Ir' o 'Enviar' en un teclado de software móvil en una aplicación HTML5?

¿Cómo se puede acceder a esta funcionalidad desde un phonegap/cordova/otra aplicación HTML5?

Luché con esto por un tiempo, así que voy a compartir la respuesta aquí.

Respuesta

6

This publicación de blog por Matt Nunes me mostró que el type="submit"input debería ser el primer botón en el formulario.

Una vez que sepa esto, es posible que esté satisfecho, pero quería ocultar el botón, ¿por qué tenerlo cuando desea que el usuario use su teclado? Para una descripción de cómo hacer esto, echa un vistazo a esta pregunta relacionada - Is it too much to ask to have an invisible button on jQuery Mobile?

Efectivamente, cuando el usuario pulsa el botón 'ir' en su teclado en pantalla, se muestra en el navegador como un click en el botón submit. Por lo tanto,

(1) anular el evento predeterminado

(2) Profit.

Esperemos que esto ayude a alguien.

+1

En mi caso, no puedo recibir el evento click al enviar presionando el botón "ir" si la entrada está oculta (si no está oculta, funciona). Lo soluciono usando css: "ancho: 1px; altura: 1px; fondo: transparente; borde: 0;". Puede ser que ayude a alguien también. – MikhailSP

+1

¡Uy! Google Chrome no pudo encontrar blog.mattnunes.com Quizás quiso decir: mattnunes.com – Howard

Cuestiones relacionadas