如何防止离子键盘隐藏

Question

当我按下 Ionic 1 应用程序中的特定按钮时，如何防止 ionic 键盘隐藏？

这个解决方案对我不起作用，无论我点击哪里，键盘都会保持打开状态。

Answer 1

可以在此处找到可能的解决方案（与 Sahil Dhir 发送的链接相同）。我也遇到了这个问题，这个解决方案对我有用。

指令是：

angular.module('msgr').directive('isFocused', function($timeout) {
  return {
    scope: { trigger: '@isFocused' },
    link: function(scope, element) {
      scope.$watch('trigger', function(value) {
        if(value === "true") {
          $timeout(function() {
            element[0].focus();

            element.on('blur', function() {
              element[0].focus();
            });
          });
        }

      });
    }
  };
});

它的用法是：

<input type="text" is-focused="true">

它的基本作用是观察输入的焦点，每当输入失去焦点时（例如，当您按下键盘外部屏幕上的按钮时），它会快速将焦点分配回它。所以键盘根本没时间隐藏。

希望它也适合你！

Answer 2

这可以防止移动浏览器在激活/按下离子按钮等组件时使输入模糊。

<ion-button
  ...
  ..
  onPointerDown={(ev) => {ev.preventDefault();}}
  ...
</ion-button>