2011-01-26 11 views
14

¿Es posible ocultar el teclado del iPad después de introducir un valor en un campo de entrada en una página web pulsando la tecla Volver sin obligar al usuario a utilizar la tecla Ocultar teclado ?ocultar el teclado del iPad pulsando la tecla Return

¿Hay algo en HTML o jQuery que pueda codificar en mi página para forzar este comportamiento?

(P. S. base de mis horas de investigación en línea, parece imposible con la forma en que el iPad funciona actualmente. Pero realmente apreciaría cualquier información!)

+1

Además, ¿cómo es que el teclado del iPad no desaparece cuando se toca un área fuera del teclado como en el iPhone? ¿Hay alguna forma de evitar eso también? – Alex

Respuesta

29

puede ocultar el teclado mediante una llamada al manejador blur en la entrada de texto:

$("#textField").blur(); 

donde #textField es un selector para seleccionar la entrada de texto. Debe colocar esta línea en el lugar correcto, que depende de cómo se codifique el formulario, y en la mayoría de los casos estaría en el controlador de envío del formulario.

+0

Oh broche de presión, necesito probar esto ... te lo haré saber ... ¡suena prometedor! ¡Gracias! – Alex

+0

+1 esto funciona. Solo asegúrese de disparar el evento .blur() en todos los elementos de entrada posibles en la página, y debería funcionar como un amuleto. –

+0

hmm this aints workingzss – Prospero

0

Intente llamar resignFirstResponder en el campo de texto. Eso debería descartar el teclado. Sé que esto funciona en iPhone, y no sé por qué no lo haría en el iPad, aunque no recuerdo haberlo probado específicamente en esa plataforma.

+0

OP no utiliza realmente un UITextField, por lo que este enfoque no funcionará. Suponiendo que se trata de un campo de texto incrustado en un UIWebView, deberá hacerlo utilizando javascript. He publicado un enlace a una pregunta similar en mi respuesta. – Rog

+0

¡Ah, buen punto! Lo siento, creo que no leí la pregunta con cuidado. :/ –

1

Esto es probablemente lo que está buscando

How do I cancel a text field edit in a UIWebView?

+0

Solo quiero asegurarme de que todos aquí entiendan que esto es solo una página HTML simple y CSS con un poco de jQuery. No es una aplicación nativa que usa el SDK .... Esta solución funcionará para eso, ¿verdad? ¿Qué es UIWebView? ¿Es esa sintaxis de jQuery? (Soy un novato ligero con Javascript) – Alex

+0

UIWebView es la construcción de iOS que le permite mostrar contenido web en su aplicación de iPad o iPhone. –

3

La respuesta más fácil a su pregunta en cualquier entrada independientemente de su forma sería presentar

$('input').keyup(function(event) { 
    if (event.which === 13) { 
     $(this).blur(); 
    } 
}); 

Probablemente un poco más fácil de poner en el lugar correcto.

retorno = tecla Intro

Cuestiones relacionadas