這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)如何實(shí)現(xiàn)H5移動(dòng)端頁(yè)面點(diǎn)擊input重復(fù)彈出鍵盤,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
成都創(chuàng)新互聯(lián)公司專注于企業(yè)成都營(yíng)銷網(wǎng)站建設(shè)、網(wǎng)站重做改版、玄武網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5響應(yīng)式網(wǎng)站、成都做商城網(wǎng)站、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為玄武等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
$('#button').on('touchstart', function() { window.location.href = 'xx.html' })
觸摸事件控制焦點(diǎn)的獲取來(lái)使input
鍵盤彈出:
$('#input').on('touchstart', function() { $(this).focus() })
然而蘋果手機(jī)鍵盤關(guān)閉后input
焦點(diǎn)自動(dòng)失去,再次點(diǎn)擊鍵盤彈出無(wú)異常,安卓手機(jī)鍵盤關(guān)閉input
還是獲取焦點(diǎn)狀態(tài),故鍵盤無(wú)法重復(fù)彈出。本想在關(guān)閉鍵盤的事件上加個(gè)失去焦點(diǎn)的行為,但查過(guò)資料無(wú)法找到這個(gè)事件,所以另辟奇徑,找到了另一種辦法:每次點(diǎn)擊input
都會(huì)刪除原來(lái)的input
并且生成新的input
放在這里,這樣新的input
又可以獲取焦點(diǎn)并彈出鍵盤了,實(shí)現(xiàn)代碼如下:
html
代碼:
js
代碼:
$('#btn').on('touchstart', function() { var value = $('input').val() $('input').remove() $('.box').html('') if(value!=''){ $('input').val(value) } $('input').focus() })
上述就是小編為大家分享的如何實(shí)現(xiàn)H5移動(dòng)端頁(yè)面點(diǎn)擊input重復(fù)彈出鍵盤了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。