为了账号安全,请及时绑定邮箱和手机立即绑定

移动端页面加载后input自动获得焦点并且弹出自动弹出软键盘,请问怎么弹出?ios中自动获得焦点

移动端页面加载后input自动获得焦点并且弹出自动弹出软键盘,请问怎么弹出?ios中自动获得焦点

侃侃尔雅 2019-03-23 18:19:10
如题,需要是页面加载完成后,input自动获得焦点,并且自动弹出软键盘,现在的问题是:1.无法弹出软键盘2.ios苹果手机浏览器无法自动获得焦点(安卓正常)html如下:<input autofocus id="mobile" type="tel" placeholder="请输入您的手机号码"/>请问大神,有没有其他好的解决方法?谢谢!
查看完整描述

4 回答

?
慕沐林林

TA贡献2016条经验 获得超9个赞

iOS将只允许在其他元素上绑定函数来触发focus事件,如果第一个函数调用栈是由非编程触发的事件(这句不知道怎么翻译)。IOS的安全机制开始阻止你触发input元素的focus事件。
就是说如果没有通过某种用户交互,iOS不会(触发focus事件)

所以解决的方案你可以试试:(即为输入框绑定一个事件,然后主动触发)
你可以在页面再加一个无关的<div id = '#tickt'> </div>

 $('#tickt').on('click', function() {

    $('#mobile').focus();

   });

  $('#tickt').trigger('click');


查看完整回答
反对 回复 2019-04-01
?
猛跑小猪

TA贡献1858条经验 获得超8个赞

input autofocus


查看完整回答
反对 回复 2019-04-01
?
手掌心

TA贡献1942条经验 获得超3个赞

onload事件里手动触发focus


查看完整回答
反对 回复 2019-04-01
?
哆啦的时光机

TA贡献1779条经验 获得超6个赞

你试试给input标签加个自动点击事件?页面加载完成后,自动点击一次…模拟手指点击,有时候解决问题可以从多方面考虑。


查看完整回答
反对 回复 2019-04-01
  • 4 回答
  • 0 关注
  • 3684 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信