移动端的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的触发同理