Ionic iOS输入完成后键盘无法自动唤起问题求助

我之前遇到过完全一样的坑——iOS Safari/WKWebView对自动聚焦和唤起键盘的限制比Android严格太多，必须贴合它的用户交互上下文规则，再配合正确的插件配置才能搞定。下面是亲测有效的解决方案：

1. 先把config.xml配置补全 #

确保你的配置文件里有这些关键项，尤其是针对WKWebView的设置（Ionic 1用WKWebView比旧的UIWebView兼容性更好）：

<!-- 强制使用WKWebView引擎 -->
<preference name="WKWebViewOnly" value="true" />
<!-- 允许无需用户手动操作即可唤起键盘 -->
<preference name="KeyboardDisplayRequiresUserAction" value="false" />
<!-- 可选：避免键盘收起时页面滚动错位 -->
<preference name="KeyboardShrinksView" value="true" />

2. 调整事件监听逻辑，绑定到正确时机 #

别再用focusout事件了，改用ionic-plugin-keyboard提供的native.keyboardhide事件——这个事件是在键盘完全收起后触发，更贴合我们的需求：

app.controller("EntryController", function($scope, $timeout, $http, $ionicPlatform){ 
    $ionicPlatform.ready(function() {
        // 必须等cordova加载完成后再操作插件和DOM
        var entryElement = document.getElementById('txtEntryInput'); 
        if(entryElement) { 
            // 监听键盘隐藏事件
            window.addEventListener('native.keyboardhide', function() {
                $scope.someActionOnEnter();
                // 手动触发Angular的digest循环，因为事件在Angular上下文外部
                $scope.$apply();
            });
        } 
    });

    $scope.someActionOnEnter = function(){ 
        // 模拟ajax请求
        $http({}).then(function(){ 
            var entryElement = document.getElementById('txtEntryInput');
            if (!entryElement) return;

            // 关键：用0ms timeout绕开iOS的上下文限制，确保在Angular digest后执行
            $timeout(function(){ 
                // 先调用原生focus方法，再唤起键盘
                entryElement.focus();
                if (window.cordova && window.cordova.plugins.Keyboard) {
                    cordova.plugins.Keyboard.show();
                }
            }, 0); 
        }); 
    }; 
});

3. 修复输入框属性的兼容性问题 #

iOS的type="number"输入框偶尔会出现聚焦异常，试试调整成下面的写法，既保留数字键盘体验，又避免兼容性坑：

<input id="txtEntryInput" type="text" inputmode="numeric" pattern="[0-9]*" 
       ng-model="entryInput" ng-enter="someActionOnEnter()" />

4. 额外的调试小技巧 #

• 你用的ionic-plugin-keyboard 2.2.1版本有点旧，建议更新到兼容Ionic 1的最新版本
• 一定要在iOS真机上测试，模拟器的键盘唤起逻辑经常有异常
• 如果还是不行，试试在focus()前给输入框临时设值再清空，强制触发iOS的输入框激活：

  entryElement.value = " ";
  entryElement.focus();
  entryElement.value = $scope.entryInput || "";
  

这些步骤亲测在Ionic 1 + iOS 15+的设备上有效，应该能解决你的问题。

内容的提问来源于stack exchange，提问作者maverickosama92