Necesito hacer un cambio de tamaño del contenido de una página web cuando se presiona el botón Ocultar teclado en un teclado virtual de iPad. ¿Alguien sabe qué evento de JavaScript se inicia cuando el teclado está oculto?Cómo capturar el evento hide keyboard en iOS usando JavaScript
Respuesta
Puede utilizar el focusOut evento. Es como borroso, pero burbujas. Se disparará cuando el teclado se cierre (pero también en otros casos, por supuesto). En Safari y Chrome, el evento solo se puede registrar con addEventListener, no con métodos heredados. Aquí hay un ejemplo que utilicé para restaurar una aplicación Phonegap después del despido del teclado.
document.addEventListener('focusout', function(e) {window.scrollTo(0, 0)});
Sin este fragmento, el contenedor de la aplicación permaneció en la posición desplazada hasta la actualización de la página.
Ha, esa es la situación exacta que tengo "restaurar una aplicación Phonegap después de la eliminación del teclado" – ganders
Este EventListener me ayudó a solucionar un problema que tenía con ExtJS 5; el contenido de la página ExtJS se mantendría desplazado un poco después de que el teclado IOS estuviera oculto en Safari. Eso es un problema ya que en ExtJS 5.0.1 el desplazamiento está deshabilitado en las interfaces táctiles. Por lo tanto, utilicé este evento para desencadenar un doLayout() en el contenedor de vista ExtJS que hizo que el contenedor se ajustara de nuevo dentro de los límites de la pantalla. – Jasper
Esto [a menudo no funciona en el emulador Chrome 41/iOS 6 en CrossBrowserTesting] (http://i.imgur.com/bZbz9Cm.png). –
Aquí es un buen lugar para comenzar List of supported Javascript events on iPad
que no agregamos a esta lista.
Esto se da un trabajo alrededor iPad Web App: Detect Virtual Keyboard Using JavaScript in Safari?
Gracias, adelgazo, voy a escuchar los eventos de onblur. Porque cuando el teclado virtual está cerrado, las entradas pierden el foco. – Marius
@ El foco de Mario no se pierde cuando se presiona el botón de ocultación del teclado. –
- 1. Hide Soft Keyboard
- 2. Hide Soft Keyboard Not Working
- 3. ¿Cómo puedo capturar el evento de clic derecho en JavaScript?
- 4. Hide Soft Keyboard on Done ¿Teclea la tecla en Android?
- 5. Capturar el evento cercano de la ventana emergente en JavaScript
- 6. Cómo capturar el evento System.exit?
- 7. Capturar evento en el navegador cerrado
- 8. Cómo capturar el navegador cerrar evento?
- 9. Cómo atrapar el evento "History.Back" en javascript?
- 10. Cómo capturar el evento submit usando jQuery en una aplicación ASP.NET?
- 11. Capturar ventana cerrar evento
- 12. Capturar evento clave para retroceso
- 13. Hide Soft Keyboard en la aplicación para Android de ViewPager Fragments
- 14. Cómo capturar un retroceso en el evento onkeydown
- 15. ¿Cuál es el evento para capturar el envío del formulario en Javascript?
- 16. Cómo escribir en Android Emulator usando PC-Keyboard
- 17. ¿Capturar el evento "desplazarse hacia abajo"?
- 18. Cómo escribir el evento onshow usando javascript/jquery?
- 19. Usando .hide() y .show() con Google Visualization
- 20. IOS: acción con la tecla enter de iPad KeyBoard
- 21. cómo capturar el evento clave desde una vista?
- 22. Cómo capturar evento onclick en EditarTexto discapacitados en Android App
- 23. Cómo obtener el archivo URL del evento ondrop en javascript
- 24. jQuery usando stop() con hide()/show()?
- 25. Capturar firmas en una aplicación de iOS
- 26. C# tratando de capturar el evento KeyDown en un formulario
- 27. Capturar cancelar evento en el tipo de entrada = archivo
- 28. ¿Detectar un batido en iOS Safari con Javascript?
- 29. Cómo capturar imágenes sin mostrar vista previa en iOS
- 30. Pegar evento en Javascript
posible duplicado de [iPad Web App: Detectar el teclado virtual con JavaScript en Safari?] (Http://stackoverflow.com/questions/2593139/ipad-web-app-detect-virtual-keyboard-using-javascript-in -safari) – mplungjan