ios - tamaño - iPad Safari: hacer desaparecer el teclado

no puedo escribir en whatsapp iphone

Question

En el navegador iPad Safari, cuando cambio el foco de un cuadro de texto a un menú desplegable, el teclado aún permanece ... ¿Hay alguna forma (tal vez con Javascript) de ocultar el teclado cuando el usuario se borra del cuadro de texto?

Indirectamente hablando, estoy buscando un equivalente de (pero en Mobile Safari)

[tempTextField resignFirstResponder];

Answer 1

De acuerdo con la documentación de Apple Safari, cuando selecciona un menú desplegable (lista de selección), el iOS cierra el teclado y muestra el control de selección de iOS nativo. Asegúrate de usar el elemento SELECT para tu lista desplegable

y también intente agregar esto a sus etiquetas meta para la página

<meta name="apple-mobile-web-app-capable" content="yes" />

Answer 2

Encontré la solución para esto en http://uihacker.blogspot.com/2011/10/javascript-hide-ios-soft-keyboard.html . Esencialmente, haz esto (me funcionó):

var hideKeyboard = function() {
document.activeElement.blur();
$("input").blur();
};

Answer 3

Llamo a .focus () en otro campo de texto y el teclado desaparece. Estoy usando el marco táctil Sencha, el campo de texto al que me refiero es un objeto Ext.Text.

Sé que esto es contrario a la intuición, pero parece funcionar para mí

Answer 4

Sé que esta es una pregunta un poco más antigua, pero hoy descubrí la respuesta para esto, y la respuesta es embarazosamente simple ... Pasé mucho más tiempo de lo que me gustaría admitir al descubrir esto;)

Para evitar mostrar el teclado:

<input type="text" name="someInput" />

para cuando quieras hacer algo como utilizar un jQuery UI datepicker ...

agregue un atributo de solo lectura así:

<input type="text" name="someInput" readonly="readonly" />

Si intentas tener en cuenta a las personas con JS desactivadas, siempre puedes dejar de lado el atributo y agregarlo a tu código:

$(''[name=someInput]'').attr(''readonly'',''readonly'');

Espero que esto ayude.

Aquí hay un jsFiddle que demuestra el concepto: http://jsfiddle.net/3QLBz/5/

Answer 5

Tenía iPad con iOS 5.0.1 que no ocultaba el teclado después de iniciar sesión correctamente en mi sitio. Lo resolví simplemente ejecutando el comando javascript

document.activeElement.blur();

después de iniciar sesión correctamente y ahora el teclado está correctamente oculto :-)

Answer 6

Versión sin jQuery:

function hideKeyboard () {
document.activeElement.blur();
Array.prototype.forEach.call(document.querySelectorAll(''input, textarea''), function(it) {
it.blur();
});
}

Answer 7

$("#txt").on("focus", function(){
$(this).blur();
});

funciona con jquery UI datepicker en IPad

Answer 8

Sample.views.MessageBar.getComponent(0).blur();
document.activeElement.blur();
window.focus();
Sample.views.sendMessageBar.getComponent(0).setDisabled(true);

Puedes usar los códigos de arriba. Las líneas Primera y Avanzada son para ese campo de texto. Funciona en iPhone pero no funciona en Android. Intenté Iphone 3gs y Samsung Galaxy S2.