使用JavaScript在Android中顯示軟鍵盤

Question

我正在開發一個Web App，並試圖找到一種方法，當用戶點擊canvas時在Android瀏覽器中顯示軟鍵盤。 我找到了使用iOS的一種非常簡單的方法，但是使用Android似乎是不可能的。

<canvas id="myCanvas" style="width:100px;height:50px;background-color:gray" tabindex="0" contenteditable="true"></div>
...
$(document).ready(function() {
    $('#myCanvas').click(function(e){ $(this).focus(); });
})

上面的代碼在iOS中有效，但在Android中無效。 另外，我不太喜歡contenteditable=true ，因為它在iOS中顯示閃爍的光標，並在Android中使用div進行了測試，因此您可以直接將其寫入div 。

我用谷歌搜索找到了一個解決方案，但是沒有一個解決方案有效。

有什么建議么？

Answer 1

試試這個。

$(document).ready(function() {
    $('#myCanvas').click(function(e){
        $(this).focus();
    });
    $('#button').click(function(e) {
        $('#myCanvas').trigger('click');
    });
});

在活動標簽的清單文件中添加此行。

android:windowSoftInputMode="stateVisible"