Así que he visto muchos hilos sobre el problema de iOS al centrarse en un elemento de entrada/área de texto. (Ver aquí y aquí ) Parece que iOS no le permitirá enfocarse manualmente en uno de estos elementos, y requiere que sea un toque/clic genuino para enfocarse en el elemento.
Intenté simular un clic, activar un clic, simplemente hacer clic () de inmediato... todo tipo de cosas.
Aquí está mi solución actual que estoy tratando de implementar:
$scope.gotoElement = function(eID) { // call $anchorScroll() $scope.smoothScrollTo(eID).then(function() { clickElement('#textarea'); }); } function clickElement(e) { $(e).on('touchstart', function() { //$(e).val('touchstart'); $(e).focus(); }); $(e).trigger('touchstart'); } No necesita preocuparse por la función de desplazamiento, sé que esto funciona y lo he probado lo suficiente. El $(e).val('touchstart') funciona sin problemas para cambiar el texto del área de texto, pero .focus() no funciona en iOS. Probé esto en un dispositivo Android y funciona bien, pero en iOS simplemente no aparece el teclado. A veces, comenzará a mostrar el teclado durante medio segundo y luego desaparecerá nuevamente.
He mirado en otros subprocesos como mencioné anteriormente, y parece que no puedo encontrar la manera de escribir una solución para esto.
¿Algunas ideas?
También he acosado este mismo problema. mi problema se resolvió con una propiedad css simple que es -webkit-user-select:none . Eliminé esto y todo funciona bien. prueba esto
En su UIWebView , establezca keyboardDisplayRequiresUserAction en NO .
Usé iPad Air [iOS 7.0.4], iPad Mini [iOS 7.1] y jQuery [1.11.3] para mi prueba.
El evento .focus funcionó perfectamente para mí tanto en los campos de entrada como en los de área de texto.
Estoy pegando el código a continuación con el que probé. Por favor, avíseme si me falta algo.
¿Es para alguna versión anterior de iOS/jQuery?
mi html,
<body> <!--<input id="in" type="text"/>--> <textarea id="in"></textarea> <button id="btn">Add Focus</button> </body>mi consulta,
$('#btn').click(function(){ $('#in').focus(); })