html5 控制 手機端 input聚焦時 不彈出鍵盤？

第一種方式：不使用input,使用其他非焦點獲取的標簽來代替，比如div；

成都創(chuàng)新互聯(lián)服務項目包括商河網(wǎng)站建設、商河網(wǎng)站制作、商河網(wǎng)頁制作以及商河網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案，商河網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到商河省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

第二種方式：通過js控制，input onfocus="this.blur();"/

html5 +css 手機web app開發(fā)怎么調用手機鍵盤

這個軟鍵盤好像必須有一個手動的事件執(zhí)行才會彈出呢~

我有個雛形想法，僅供參考~（沒有實踐）

流程為：

在文本框外加個dom元素，然后添加個點擊事件，在點擊事件里面執(zhí)行focus(),然后用trigger()（這是一個jq的模擬事件方法）將click模擬自執(zhí)行一下，應該就相當于手動click了吧~

iOS webview html5 移動端 軟鍵盤彈起遮擋輸入框

移動web聊天頁面，輸入框在底部的時候，點擊輸入，彈起軟鍵盤，iOS在將頁面推上的時候會回彈一下，導致鍵盤剛好遮擋到輸入框。

初次觸發(fā)輸入框的focus的時候，iOS 鍵盤默認是以英文鍵盤高度推上頁面，但一般我們的默認輸入是中文，會導致軟鍵盤的高度變化，中文輸入鍵盤高度高于英文，所以導致了遮擋。

Element.scrollIntoViewIfNeeded() 方法用來將不在瀏覽器窗口的可見區(qū)域內的元素滾動到瀏覽器窗口的可見區(qū)域。 如果該元素已經(jīng)在瀏覽器窗口的可見區(qū)域內，則不會發(fā)生滾動。 此方法是標準的 Element.scrollIntoView() 方法的專有變體。

當鍵盤在切換中英輸入法時，鍵盤高度變化仍然會引起鍵盤遮擋

監(jiān)聽輸入框的 focus 、 blur 事件，當聚焦時，循環(huán)調用 input.scrollIntoViewIfNeeded 方法。

當監(jiān)聽到 blur 時，停止循環(huán)。

HTML5 input焦點鍵盤彈出問題

最近項目有個需求，我們使用的是PDA裝置，它有掃描槍，可以讓掃描出來的內容填寫到html的input控件中。

但是有一個棘手問題，就是input控件只要獲取焦點，就會彈出鍵盤。

項目的需求，希望剛開始時，只是將焦點聚集在input控件上，可以通過掃描槍輸入，然后點擊input控件時，還能彈出鍵盤進行修改。

這個問題解決核心就是 input控件聚焦的時候，不彈出鍵盤，當點擊的時候，才彈出鍵盤。

嘗試了很多方法，最后發(fā)現(xiàn)了readOnly屬性一個詭異作用。當調用 input控件的focus()方法時，如果readOnly屬性為true，那么不會彈出鍵盤，但是焦點已經(jīng)在 input控件上了。這個時候，再將readOnly屬性設置為false，那么這個時候鍵盤不會彈出，但是可以掃描槍輸入了。

示例:

HTML5，手機網(wǎng)頁密碼框（彈出密碼鍵盤）的JS控制

JS做事可以的啊，HTML5其實就是大量的JS接口，不過好像挺麻煩啊