2012-03-08 68 views
9

我试图在用户单击文本框外部时隐藏iPad软键盘。当用户在文本框外单击时隐藏在iOS键盘中

特别是在窗体或身体上不包含其他元素的地方。

使用jquery,jquery mobile和html5。

+0

你打过电话textfield.blur()?当然,你必须以任何方式取得点击。 – calimarkus 2012-03-08 15:50:28

+0

键盘应该隐藏在输入模糊事件..如果没有问题在别处。显示您的代码 – gpasci 2012-03-08 16:34:57

+0

现在使用Android平板电脑,它的功能完美。用户在文本框外单击,键盘将折叠。 我只有下面的代码,我试过的其他东西都失败了。 var hideKeyboard = function(){ document.activeElement.blur(); $(“input”)。blur(); }; 这是如此的文本框会模糊,所以键盘关闭,如果用户点击任何其他元素,如单选按钮等...... 有没有办法让这项工作的形式或身体以及? 我是一个C程序员贸易,和JavaScript让我想撕开我的头发。 – yeowoh 2012-03-08 17:20:48

回答

1

在按钮上调用focus()方法(即使隐藏按钮)隐藏键盘。我在我的ipad网络应用中使用了这个。

您可以将点击侦听器添加到正文并使用事件的目标属性,您可以确定何时隐藏键盘。使用mattwindwer的解决方案(但更多细节)

8
document.activeElement.blur(); 
+0

测试和工作在iOS 6 Safari ..好! – 2013-03-31 21:16:52

+0

我应该在哪里放这个代码? – 2013-05-13 09:52:58

+0

任何人都可以告诉我在哪里添加此代码,因为我正在尝试做同样的事情,但我无法正确附加它。目前我正试图将它附加在窗口对象上。但是一旦我运行它,它就停止打开键盘。需要知道谁附加它。 – 2014-05-02 12:36:15

2

$(document).click(function() { 
    document.activeElement.blur(); 
}); 
+0

哇,真的有更多的细节! – chris 2017-09-18 11:35:06