1. 程式人生 > >input自動獲取焦點在移動端自動彈出手機軟鍵盤

input自動獲取焦點在移動端自動彈出手機軟鍵盤

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