您的位置:首页 > 移动开发

input自动获取焦点在移动端自动弹出手机软键盘

2017-10-25 15:33 423 查看

一、input自动获取焦点

    正常来说,在input标签添加autofocus属性就可以了。代码如下:

<input id="search" type="search" placeholder="搜索" autofocus="autofocus"></input>


二、在使用Iscroll框架组件的页面实现input自动获取焦点

   因为Iscroll 在初始化的时候会阻止所有事件,所以input聚焦事件要在其初始化之后。

$('#slider_article').on('articleload', function() {
A.Slider('#sliderPage', {
dots : 'hide'
});
//Iscroll 在初始化的时候会阻止所有事件,所以input聚焦事件要在初始化之后
//方法一
//$("#search").focus();
//方法二
setTimeout(function(){
$("#search").trigger("click").focus();
},200);
//方法三
//$("#search").trigger("click").focus();
});


   以上3种方法在浏览器都可以实现input自动聚焦,可是在手机上啥效果都没有,更不用说自动弹出手机软键盘了。所以,有哪位大神知道如何解决的,麻烦在下面告知我一下,非常感谢!

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐