jQuery實現(xiàn)手機(jī)自定義彈出輸入框
更新時間：2016年06月13日 16:55:33 作者：菜菜小言
這篇文章主要介紹了jQuery實現(xiàn)手機(jī)自定義彈出輸入框 的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
手機(jī)涉及到填寫表單時，需要手機(jī)彈出自定義的輸入框，而非手機(jī)自帶的輸入鍵盤，如大寫數(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實現(xiàn)手機(jī)自定義彈出輸入框的全部內(nèi)容，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
相關(guān)文章
這篇文章收集了33個優(yōu)秀的 jQuery 圖片插件分享給大家。2012-03-03
這篇文章主要介紹了jQuery each和js forEach用法,結(jié)合實例形式對比分析了jQuery each和js forEach具體使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2019-02-02
這篇文章主要介紹了在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
做了這么長時間的開發(fā)，一直因為驗證的問題相當(dāng)?shù)目鄲?，不斷的寫很多重?fù)的代碼，對想偷懶的我來說是相當(dāng)痛苦的。2011-08-08
Jquery組件easyUi實現(xiàn)手風(fēng)琴(折疊面板)示例
這篇文章主要為大家詳細(xì)介紹了Jquery組件easyUi實現(xiàn)手風(fēng)琴示例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了jQuery實現(xiàn)的簡單在線計算器功能,結(jié)合完整實例形式分析了jQuery實現(xiàn)簡單四則運(yùn)算的相關(guān)操作技巧,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了jquery實現(xiàn)簡單文字提示效果的方法,以完整實例形式分析了jQuery插件jquery-1.2.6.pack.js實現(xiàn)文字提示效果的相關(guān)技巧,并提供了jquery-1.2.6.pack.js的本站下載地址,需要的朋友可以參考下2015-12-12
EasyUI 結(jié)合JS導(dǎo)出Excel文件的實現(xiàn)方法
下面小編就為大家?guī)硪黄狤asyUI 結(jié)合JS導(dǎo)出Excel文件的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
基于jquery的loading 加載提示效果實現(xiàn)代碼
有時候為了更好的用戶體驗，使用jquery的朋友可以參考下代碼。2011-09-09