移动网站失去焦点以放弃键盘

Posted

技术标签:

【中文标题】移动网站失去焦点以放弃键盘【英文标题】:Mobile Website Lose Focus To Drop Keyboard 【发布时间】:2018-07-18 04:18:02 【问题描述】:

我有一个移动网站,我正在使用摩托罗拉 android 手机进行测试。我有一个搜索框,所以当您单击作为搜索框的文本输入时,键盘会向上滑动。问题是当我使用键盘上的“箭头”提交时,焦点/光标在执行表单操作时停留在文本输入框内,因此键盘停留在那里。它是一个 Angular JS 函数,通过键盘上的“enter”键调用。

我需要做的是失去对该文本输入框的关注,以便在他们提交表单时键盘退出。我一直在尝试使用 jQuery,但还没有运气。

【问题讨论】:

【参考方案1】:

提交表单后,尝试模糊输入字段:

$("#myElement").blur(); //works

【讨论】:

以上是关于移动网站失去焦点以放弃键盘的主要内容,如果未能解决你的问题,请参考以下文章

当滚动列表的时候,让input框失去焦点(移动端会收起键盘)

IOS下H5的input/textarea元素失去焦点时隐藏键盘

Safari(移动)IOS - 单击外部时输入不会失去焦点

移动端爬坑总结

如何创建一个可以将键发送到控件而不会失去焦点的按钮 - 虚拟键盘

Flutter控制某个TextField获取焦点及失去焦点