手機涉及到填寫表單時，需要手機彈出自定義的輸入框，而非手機自帶的輸入鍵盤，如大寫數字等。
實現思路（考慮多種文本輸入形式）：
首先，文本框獲取焦點時禁止手機彈出自帶的輸入鍵盤。
// 禁用手機自帶的鍵盤輸入框function forbidFocus(i){$('#txt'+i).focus(function(){document.activeElement.blur();});} 其次，顯示與關閉自定義的輸入鍵盤。// 打開自定義輸入鍵盤function showDialog(i) {$('#txt'+i).on('click', function(){$('#num'+i).animate({bottom: "0"}, 'fast');// 若多種文本輸入框時，需隱藏其他的輸入鍵盤hideDialog(i);});}// 關閉自定義輸入鍵盤function hideDialog(i) {$('.popup-list').not('#num'+i).animate({bottom: -h + 'px'}, 'fast');}最后，點擊自定義的輸入鍵盤，做判斷使對應的input獲取值。
以上所述是小編給大家介紹的jQuery實現手機自定義彈出輸入框的全部內容，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
