移动 Safari - 使用 Javascript 关闭键盘

Question

我试图通过 JS 关闭键盘以响应按钮按下，但我没有任何运气。

设置：

1. 我有一个textarea，上面绑定了接受和取消按钮。
2. 点击取消按钮后，我的视图对象将调用textAreaElement.blur()。
3. 然后它将移除接受和取消按钮。

预期：

• 字段失去焦点（视觉和其他方面）。
• 键盘已关闭。

实际：

• 字段似乎失去焦点（视觉上没有显示光标），并且以编程方式。
• 键盘仍然存在。

我已经尝试过通常的 Google，但他们似乎都认为在焦点元素上调用 blur 就足够了。一位用户甚至建议致电$('input').blur() 以确保所有字段都被模糊，但这似乎并没有什么不同。

Answer 1

...我刚刚弄清楚为什么会这样。

我提到我正在删除该字段的“接受”和“取消”按钮。具体发生了以下情况：

1. 致电textAreaElement.blur()。
2. 动画按钮消失。
3. 动画完成后，buttons.remove()。

当取消按钮收到点击时，它获得焦点（键盘保持活动状态）。当取消按钮随后在动画完成回调中被移除时，焦点被应用到前一个可聚焦元素，即textarea。

所以我做了这样的效果：

textarea.blur() # 已经没有焦点了。 button.remove() # 移除按钮，将焦点重新应用到文本区域。

解决方案是：

1. 动画按钮消失。
2. 等待动画完成，buttons.remove()。
3. 致电textAreaElement.blur()。