Question

我正在开发一个Web应用程序，并试图在用户点击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');
    });
});

在活动代码的Menifest文件中添加此行。

android:windowSoftInputMode="stateVisible"

使用JavaScript在Android中显示软键盘

1 个答案: