input自動獲取焦點在移動端自動彈出手機軟鍵盤
阿新 • • 發佈:2019-02-15
一、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自動聚焦,可是在手機上啥效果都沒有,更不用說自動彈出手機軟鍵盤了。所以,有哪位大神知道如何解決的,麻煩在下面告知我一下,非常感謝!