Tôi gặp sự cố lạ trong ứng dụng Android dựa trên PhoneGap của mình. Trên một số màn hình nhất định, phím số hoàn toàn bị bỏ qua. Điều này xảy ra trên tất cả thiết bị Android 2.X của tôi. Tôi đã thử với các phiên bản trước đó của PG và thấy rằng vấn đề đầu tiên xảy ra trong v1.2.PhoneGap cho Android không chấp nhận phím 9
Đây là mã cho tệp index.html mẫu sẽ tái tạo sự cố. Trên cả Android 2.2 và 2.3, các hộp văn bản có nhãn là "bị hỏng" không chấp nhận số 9 làm đầu vào.
<!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>
có vẻ như sự kết hợp của css đang gây ra một số vấn đề. nếu bạn loại bỏ tất cả các css trên hoặc chỉ 'tràn: ẩn' thì nó hoạt động như mong đợi – dhaval
Có, nhưng css là có như một cách để tái tạo vấn đề. –
Dường như có nhiều cách để khiến vấn đề này xảy ra. Sử dụng CSS cụ thể này chỉ là một cách. Tôi đã bao gồm nó chính xác như thế này với hy vọng rằng nó sẽ giúp ai đó quen thuộc với mã nguồn PhoneGap để chẩn đoán vấn đề. – jmsgofish