我在基於PhoneGap的android應用程序中遇到了一個奇怪的問題。在某些屏幕上,數字9鍵被完全忽略。這發生在我的所有Android 2.X設備上。我已經嘗試過以前版本的PG,並發現 問題首先發生在v1.2中。PhoneGap for Android不接受9鍵
以下是應該重現該問題的示例index.html文件的代碼。在Android 2.2和2.3上,標記爲「破碎」的文本框不接受數字9作爲輸入。
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style>
body
{
margin:0;
padding:0;
font-size:20px;
}
input
{
height:20px;
}
#container_second
{
overflow:hidden;
position:relative;
width:100%;
height:150px;
}
#container_second div
{
left: -2000px;
position: absolute;
-webkit-transform: matrix(1, 0, 0, 1, 2000, 0);
}
</style>
</head>
<body>
<br />
<div id="container_first">
<div>
Working Text: <br /><input type="text" /><br /><br />
Working Tel: <br /><input type="tel" />
</div>
</div>
<br /><br />
<div id="container_second">
<div>
Broken Text: <br /><input type="text" /><br /><br />
Broken Tel: <br /><input type="tel" />
</div>
</div>
</body>
</html>
它似乎是CSS的組合導致一些問題。如果你刪除所有上述CSS或只是'溢出:隱藏',那麼它按預期工作 – dhaval 2012-03-20 06:33:17
是的,但是CSS是作爲一種重現問題的方式。 – 2012-03-20 14:39:44
看來有多種方法可以導致此問題發生。使用這個特定的CSS只是一種方法。我將它完全包含在內,希望它能幫助熟悉PhoneGap源代碼的人來診斷問題。 – jmsgofish 2012-03-20 18:04:35