按回车键隐藏iPad键盘

15

在网站的输入框中输入值后,通过按下 Return 键是否有可能隐藏iPad键盘,而不强制用户使用 Hide Keyboard 键?

是否有HTML或jQuery中我可以编写到我的页面中以强制执行此行为的东西?

(注:根据我在网上进行的数小时的研究,似乎这在iPad当前的功能中是不可能的。但我真的很感激任何信息!)


1
另外,为什么iPad键盘在触摸键盘区域之外的区域时不会消失,就像iPhone上那样?是否有方法可以解决这个问题? - Alex
4个回答

30
你可以通过调用文本输入框的blur处理程序来隐藏键盘:

您可以通过在文本输入框上调用blur处理程序来隐藏键盘:

$("#textField").blur();

在这里 #textField 是一个选择器,用于选择文本输入框。你需要将这行代码放置在正确的位置上,具体取决于表单的编码方式,在大部分情况下应该放在表单的提交处理程序中。


+1 这个可行。只需确保在页面上的所有可能输入元素上触发 .blur() 事件,它就应该像魔法一样工作。 - Bob Gregor

4
无论表单提交的形式如何,对于你问题的最简单答案是:
$('input').keyup(function(event) {
    if (event.which === 13) {
      $(this).blur();
    }
});

可能更容易放置在正确的位置。

Return = 回车键


1

只是想确保大家都明白这只是一个普通的HTML和CSS网页,带有一点jQuery。不是使用SDK的本地应用程序...这个解决方案可以解决这个问题,对吧?什么是UIWebView?那是jQuery语法吗?(我在Javascript方面有点新手) - Alex
UIWebView是iOS的构造,允许您在iPad或iPhone应用程序中显示Web内容。 - Kyle Humfeld

0

尝试在文本字段上调用resignFirstResponder方法。这应该可以关闭键盘。我知道在iPhone上这种方法有效,也不清楚为什么它不能在iPad上使用,但我不记得曾经特别在那个平台上尝试过。


OP实际上没有使用UITextField,因此这种方法不起作用。假设它是嵌入在UIWebView中的文本字段,那么需要使用JavaScript来完成。我在我的答案中发布了一个类似问题的链接。 - Rog
啊,说得好!抱歉,我想我没有仔细阅读问题。 :/ - Kyle Humfeld

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接