移动端webapp,在进入某页面后,input框自动获取焦点并弹出数字键盘

本文介绍了一种实现网页加载后自动聚焦到第一个输入框并弹出软键盘的方法。通过使用HTML的autofocus属性结合jQuery触发点击事件,确保所有设备上都能正确显示软键盘。

在做项目的过程中,需求文档有个要求是,当进入页面后,第一个行input框要自动获取焦点,并弹出数字软键盘。


autofocus 属性   :   文本输入字段被设置为当页面加载时获得焦点  

       <input type="tel" autofocus="autofocus">  这一行代码其实就够了!

但是有些手机不弹出软键盘,所以需要加入以下的代码        
$("input").trigger("click").focus();

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值