2011-11-01 58 views
6

我在PHP網站上有一個日期字段,我使用jQuery Mobile作爲移動網站。點擊日期文本輸入,日曆對話框出現,但軟鍵盤也出現在我的android(軟鍵盤出現每當只注重一個輸入字段) 有沒有辦法,我可以強制隱藏軟鍵盤?有沒有一個通用的基於JavaScript的伎倆,迫使隱藏軟鍵盤(即在iPhone等所有移動設備,機器人等?jQuery Mobile Force在對焦文本輸入框中隱藏軟鍵盤

我使用jQuery Mobile的日期選擇器從here TIA

+0

剛剛找到了我的問題的答案。 (猜猜我之前沒有使用正確的關鍵字進行搜索: - |) 在焦點上添加jQuery blur事件可解決此問題。感謝[丹尼C](http://stackoverflow.com/questions/6911895/disable-setting-of-focus-for-jquery-ui-datepicker)(http://stackoverflow.com/users/189976/danny-c) – texens

+2

如果你還在尋找,我會建議http://dev.jtsage.com/ DateBox –

+0

@Phil,那個DateBox在我運行Android 4.0.3的三星Nexus 1上有同樣的問題:攻絲輸入會導致datebox *和*軟鍵盤出現。 – Wytze

回答

4

剛剛找到了我的問題的答案。 (猜猜我之前沒有使用正確的關鍵字進行搜索: - |)

在焦點上添加jQuery blur事件可解決此問題。

由於這個postDanny C

0

我的變通辦法(雖然我使用的是不同的插件:從jtsage.com的datebox)目前正在執行以下操作:

  • 設置禁用屬性輸入
  • 綁定一個單擊處理程序的輸入或其父
  • 單擊處理觸發.datebox所選元素

這種方式有沒有關注要素所以沒有觸發Android的軟鍵盤上(「開放」)。

6

一個更簡單的解決方法是添加只讀=「true」以你有日期選擇器連接到輸入框。即使您無法手動鍵入日期,但在移動設備上,您將無需處理鍵盤彈出和進入的方式

0

只讀屬性添加到您的日期框中。 (或readonly =「readonly」)input type =「text」data-role =「date」只讀

對於JQM添加以下文件jqm.datepicker.css,jqm.datepicker.theme.css,jqueryUI.js, jqm.datepicker.js