javascript - 使用不带 .blur() 的 Javascript/AngularJS 在 Safari 中关闭 IOS 键盘

Question

我的问题:当使用 Safari 移动版中的返回按钮提交 HTML 表单时，我需要关闭 IOS 键盘。对于这个问题，我能找到的所有解决方案都说使用 element.blur() 应该关闭键盘，所以我制作了一个 Angular 指令来做到这一点。但是，除非改为按下“完成”，否则它似乎不起作用。我尝试过的一些例子:

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)">

关闭键盘:

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