移动端focus事件失效问题

本文介绍了在移动端如何解决输入框无法自动弹出键盘的问题,并提供了解决方案,包括使用autofocus属性及通过touchstart事件触发focus。

移动端的focus会失效,比如调用键盘输入框,我们通常需要在点击输入框的时候弹出键盘,通常要移动设备弹出键盘,就是输入框获得focus


通常我们的写法是:

   var input=document.getElementByTagName('input');

     input..addEventListener('focus',function(){

      //执行

})


然后发现当我们单击输入框时并没有弹出键盘,是因为输入框并没有获得fouus;


解决方法

1.我们可以给input加上autofocus,自动获得焦点,但是似乎不太方便;

2.通过给输入框添加一个事件来触发focus事件;

如  


 var input=document.getElementByTagName('input');

     input..addEventListener('touchstart',function(){

        input.focus();                                        //此时触发,同时弹出字母键盘 ps:若想要弹出数字键盘给input的type加上tel,如<input type='tel'/>

})


对于blur的触发同理


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值