在不使用.blur（）的Javascript / AngularJS中关闭Safari中的IOS键盘

Question

我的问题：使用Safari移动版中的返回按钮提交HTML表单时，我需要关闭IOS键盘。 我可以找到的所有解决方案都说使用element.blur（）应该关闭键盘，因此我做了一个Angular指令来做到这一点。 但是，除非按Done，否则它似乎不起作用。 我尝试过的一些示例：

form.on('submit', function () {
  var textfields = form.find('input');
  textfields[0].blur();
});



form.on('submit', function () {
  var textfields = form.find('input');
  textfields[0].focus();
  textfields[0].blur();
})



var defocusElement = angular.element('<input style="opacity: 0; width: 0" type="button">');

form.append(defocusElement);

form.on('submit', function () {
  defocusElement.focus();
})

有人可以推荐我可以尝试的另一条途径吗？ 所有这些解决方案都适用于Android。

Answer 1

使用keyCode 13（返回键）检查onKeyUp事件并关闭该事件。

<input type="text" onkeyup="closeKeyboard(event)">

closeKeyboard：

var closeKeyboard = function(event){
    if(event.keyCode == 13)
         //code to close the keyboard
}

Answer 2

如果由于某种原因element.blur（）不起作用，这将起作用：

function directive(_) {
   var directive = {
      restrict: 'A',
      link: function (scope, element) {
        var defocusElement = angular.element('<input style="opacity: 0; width: 0" type="button">');

        element.append(defocusElement);

        // Close keyboard on submit.
        element.on('submit', function () {
          defocusElement.focus();
        });

        // Handles return key on IOS Safari keyboard.
        element.on('keyup', function (event) {
          if(event.keyCode === 13) {
            defocusElement.focus();
          }
        });
      }
    };

    return directive;
  }

谢谢ayushgp！