在移動網絡瀏覽器上自動顯示軟鍵盤

Question

我想在軟鍵盤上顯示

$( document ).ready(function() {
....
});

這是我的html代碼：

<form id="typerForm">
<input id="typer" style="position:relative; left:-100em;"/>
</form>

<div id="myInput" style="border:2px solid #4AA; width:6em; height:1em; font-size:2em"></div>
<div style="height:20em; background-color:#eee">

</div>    

這是我的JavaScript代碼：

$('body').click(function() {
    $('#typer').focus();
    $('#typer').select();

});


$('#typerForm').submit(function() {
    //alert("submit");
    setTimeout("$('#typer').focus();", 1000);
    return false;
});

$('#typer').bind('keyup', function(e) {
    var input = $.trim($(this).val());
    // some lines of code..
    $('#myInput').text(input);
    //...
    //$(this).val('').focus(); // clean up
});

或者您可以在這里查看我的代碼http://jsfiddle.net/7urry794/

當我單擊某個地方或單擊輸入文本時，我的代碼可以在移動Web瀏覽器上顯示鍵盤。 我想要的是頁面准備就緒或加載完成時自動顯示鍵盤

Answer 1

您可以使用以下代碼在iOS或Android上打開鍵盤。有幾種方法可以解決此問題：

prompt()打開鍵盤

如果觸發.focus()一內.click()事件（例如，從打開你的對話框），鍵盤顯示出來

希望對您有所幫助

Answer 2

您可以通過在輸入上調用focus()然后click()來實現此目的，但前提是腳本是由用戶輸入啟動的。 所有嘗試在沒有用戶交互的情況下從onload處理程序工作的嘗試都失敗了:-(如果您的腳本是由包含元素上的onclick（）觸發的，請注意無休止的循環。下面的腳本在Chrome for Android 58上對我有用以及從onclick（）調用的Safari mobile 602.1。

function onSomethingOtherThanLoad(event){
    // get the input
    var target = document.getElementsByTagName("input")[0];
    if (event.target != target) {
        target.focus();
        target.click();
    }
}