快捷導(dǎo)航

jQuery實(shí)現(xiàn)手機(jī)自定義彈出輸入框

更新時間：2016年06月13日 16:55:33 作者：菜菜小言

這篇文章主要介紹了jQuery實(shí)現(xiàn)手機(jī)自定義彈出輸入框的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下

手機(jī)涉及到填寫表單時，需要手機(jī)彈出自定義的輸入框，而非手機(jī)自帶的輸入鍵盤，如大寫數(shù)字等。

實(shí)現(xiàn)思路（考慮多種文本輸入形式）：

首先，文本框獲取焦點(diǎn)時禁止手機(jī)彈出自帶的輸入鍵盤。

// 禁用手機(jī)自帶的鍵盤輸入框
function forbidFocus(i){
$('#txt'+i).focus(function(){
document.activeElement.blur();
});
} 
其次，顯示與關(guān)閉自定義的輸入鍵盤。
// 打開自定義輸入鍵盤
function showDialog(i) {
$('#txt'+i).on('click', function(){
$('#num'+i).animate({bottom: "0"}, 'fast');
// 若多種文本輸入框時，需隱藏其他的輸入鍵盤
hideDialog(i);
});
}
// 關(guān)閉自定義輸入鍵盤
function hideDialog(i) {
$('.popup-list').not('#num'+i).animate({bottom: -h + 'px'}, 'fast');
}

最后，點(diǎn)擊自定義的輸入鍵盤，做判斷使對應(yīng)的input獲取值。

以上所述是小編給大家介紹的jQuery實(shí)現(xiàn)手機(jī)自定義彈出輸入框的全部內(nèi)容，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

jq
輸入框

相關(guān)文章

33個優(yōu)秀的 jQuery 圖片展示插件分享
這篇文章收集了33個優(yōu)秀的 jQuery 圖片插件分享給大家。
2012-03-03
jQuery each和js forEach用法比較
這篇文章主要介紹了jQuery each和js forEach用法,結(jié)合實(shí)例形式對比分析了jQuery each和js forEach具體使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2019-02-02
在jQuery中處理XML數(shù)據(jù)的大致方法
這篇文章主要介紹了在jQuery中處理XML數(shù)據(jù)的大致方法,jQuery是當(dāng)下人氣最高的JavaScript庫,需要的朋友可以參考下
2015-08-08
淺談jQuery中的$.extend方法來擴(kuò)展JSON對象
下面小編就為大家?guī)硪黄獪\談jQuery中的$.extend方法來擴(kuò)展JSON對象。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
基于jQuery的前端數(shù)據(jù)通用驗(yàn)證庫
做了這么長時間的開發(fā)，一直因?yàn)轵?yàn)證的問題相當(dāng)?shù)目鄲?，不斷的寫很多重?fù)的代碼，對想偷懶的我來說是相當(dāng)痛苦的。
2011-08-08
Jquery組件easyUi實(shí)現(xiàn)手風(fēng)琴(折疊面板)示例
這篇文章主要為大家詳細(xì)介紹了Jquery組件easyUi實(shí)現(xiàn)手風(fēng)琴示例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-08-08
jQuery實(shí)現(xiàn)的簡單在線計算器功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡單在線計算器功能,結(jié)合完整實(shí)例形式分析了jQuery實(shí)現(xiàn)簡單四則運(yùn)算的相關(guān)操作技巧,需要的朋友可以參考下
2017-05-05
jquery實(shí)現(xiàn)簡單文字提示效果
這篇文章主要介紹了jquery實(shí)現(xiàn)簡單文字提示效果的方法,以完整實(shí)例形式分析了jQuery插件jquery-1.2.6.pack.js實(shí)現(xiàn)文字提示效果的相關(guān)技巧,并提供了jquery-1.2.6.pack.js的本站下載地址,需要的朋友可以參考下
2015-12-12
EasyUI 結(jié)合JS導(dǎo)出Excel文件的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狤asyUI 結(jié)合JS導(dǎo)出Excel文件的實(shí)現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
基于jquery的loading 加載提示效果實(shí)現(xiàn)代碼
有時候?yàn)榱烁玫挠脩趔w驗(yàn)，使用jquery的朋友可以參考下代碼。
2011-09-09