Javascript 聚焦输入时，Windows虚拟键盘不显示_Javascript_Windows_Win Universal App_Winjs_Windows 10 Universal

Javascript 聚焦输入时，Windows虚拟键盘不显示

javascript windows

Javascript 聚焦输入时，Windows虚拟键盘不显示,javascript,windows,win-universal-app,winjs,windows-10-universal,Javascript,Windows,Win Universal App,Winjs,Windows 10 Universal,当应用程序在触摸模式（平板电脑设备/模拟器）下运行时，Windows虚拟键盘不显示，我正在手动触发输入focus（）。相反，当敲击身体上的任何地方时，键盘会显示（这意味着输入是集中的）。当使用鼠标输入（而不是触摸）将应用程序作为常规桌面应用程序运行时，鼠标悬停器-一切正常所以问题是如何避免这种行为，或者至少如何在输入集中时手动显示虚拟键盘我使用的是WinJS.4.0.0.WinJS.2015.6.9 复制问题的示例代码： default.html: <!DOCTYPE html>

当应用程序在触摸模式（平板电脑设备/模拟器）下运行时，Windows虚拟键盘不显示，我正在手动触发输入

focus（）

。相反，当敲击身体上的任何地方时，键盘会显示（这意味着输入是集中的）。当使用鼠标输入（而不是触摸）将应用程序作为常规桌面应用程序运行时，鼠标悬停器-一切正常

所以问题是如何避免这种行为，或者至少如何在输入集中时手动显示虚拟键盘

我使用的是

WinJS.4.0.0.WinJS.2015.6.9

复制问题的示例代码：

default.html:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>App1</title>

    <!-- WinJS references -->
    <link href="WinJS/css/ui-dark.css" rel="stylesheet" />
    <script src="WinJS/js/base.js"></script>
    <script src="WinJS/js/ui.js"></script>

    <!-- App1 references -->
    <link href="/css/default.css" rel="stylesheet" />

</head>
<body class="win-type-body">
    <div id="container">
        <div id="text-holder">
            Input value will be displayed here
        </div>
        <div id="input-holder">
            <form id="form">
                <input id="input" value="" type="number"></input>
            </form>
       </div>
    </div>

    <script src="/js/default.js"></script>
</body>
</html>

default.css:

body {
    background-color: #fff;
}

#container {
  width: 100%;
  height: 100%;
}

#text-holder {
  width: 200px;
  height: 50px;
  background-color: #191A15;
  color: #fff;
}

视觉引导：

步骤1:

步骤2:

感谢您的关注，希望这个问题可以解决。

这是一个已知的操作系统问题，winjs/uwp应用程序运行在W10（build 10.240）上。如以下MSDN所述，已使用W10 TH2（构建10.586）对其进行了修复

body {
    background-color: #fff;
}

#container {
  width: 100%;
  height: 100%;
}

#text-holder {
  width: 200px;
  height: 50px;
  background-color: #191A15;
  color: #fff;
}