jQuery实现手机自定义弹出输入框

前端之家收集整理的这篇文章主要介绍了jQuery实现手机自定义弹出输入框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

手机涉及到填写表单时,需要手机弹出自定义的输入框,而非手机自带的输入键盘,如大写数字等。

实现思路

(考虑多种文本输入形式):

首先,文本框获取焦点时禁止手机弹出自带的输入键盘

自带的键盘输入框 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实现手机自定义弹出输入框的全部内容。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/jquery/47907.html

猜你在找的jQuery相关文章