使用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"