這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)如何實現(xiàn)H5移動端頁面點擊input重復(fù)彈出鍵盤，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

成都地區(qū)優(yōu)秀IDC服務(wù)器托管提供商(成都創(chuàng)新互聯(lián)).為客戶提供專業(yè)的南充服務(wù)器托管,四川各地服務(wù)器托管,南充服務(wù)器托管、多線服務(wù)器托管.托管咨詢專線：13518219792

$('#button').on('touchstart', function() {
    window.location.href = 'xx.html'
})

觸摸事件控制焦點的獲取來使input鍵盤彈出：

$('#input').on('touchstart', function() {
    $(this).focus()
})

然而蘋果手機(jī)鍵盤關(guān)閉后input焦點自動失去，再次點擊鍵盤彈出無異常，安卓手機(jī)鍵盤關(guān)閉input還是獲取焦點狀態(tài)，故鍵盤無法重復(fù)彈出。本想在關(guān)閉鍵盤的事件上加個失去焦點的行為，但查過資料無法找到這個事件，所以另辟奇徑，找到了另一種辦法：每次點擊input都會刪除原來的input并且生成新的input放在這里，這樣新的input又可以獲取焦點并彈出鍵盤了，實現(xiàn)代碼如下：

html代碼：

js代碼：

$('#btn').on('touchstart', function() {
    var value = $('input').val()
    $('input').remove()
    $('.box').html('')
    if(value!=''){
        $('input').val(value)
    }
    $('input').focus()
})

上述就是小編為大家分享的如何實現(xiàn)H5移動端頁面點擊input重復(fù)彈出鍵盤了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)頁名稱：如何實現(xiàn)H5移動端頁面點擊input重復(fù)彈出鍵盤-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載：http://weahome.cn/article/dpiijd.html