2012-03-08 67 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