html phonegap android: bàn phím số mềm thay vì nút đi

Question

Điều này khiến tôi phát điên và tôi không thể tìm thấy câu trả lời ở bất cứ đâu.

Tôi có các biểu mẫu trong ứng dụng điện thoại của mình. Nếu kiểu đầu vào = "văn bản", bàn phím văn bản bật lên và "di chuyển" được hiển thị ở góc. Khi bạn nhấp vào, nó sẽ gửi biểu mẫu. Đó là tất cả các công trình như tôi mong đợi. Nhưng nếu tôi sử dụng kiểu đầu vào = "số", bàn phím số bật lên và "tiếp theo" được hiển thị ở góc. Khi bạn nhấp vào tiếp theo, nếu có một hộp nhập liệu khác trước thẻ nút, nó sẽ chuyển đến đầu vào đó. Không sao đâu. . . không lý tưởng, nhưng có ý nghĩa. Nhưng nếu đó là trường nhập cuối cùng trên trang, hãy nhấp vào "tiếp theo" sẽ không làm gì cả. Nó không tập trung vào nút (ngay cả với tabindex) và nó không gửi biểu mẫu (lý tưởng).

Tôi đang sử dụng phonegap 1.3.0 và jquery 1.7 nếu bất kỳ cách nào trong số đó đều hữu ích.

Answer 1

Được rồi, giờ tôi có một thứ trông giống như một câu trả lời và các câu trả lời giống như một câu trả lời.

Đó là một hack khủng khiếp, và tôi đang gặp một số tác dụng phụ tại thời điểm này, nhưng đó là một bước nhảy vọt nhỏ cho nhân loại anyway.

Thêm đầu vào văn bản ẩn vào biểu mẫu của bạn, thao tác này sẽ tự động gửi biểu mẫu ngay sau khi nhận được tiêu điểm. Vì nó chỉ có thể nhận được tiêu điểm từ người dùng nhấn 'Tiếp theo' hoặc tabbing từ trường số cuối cùng, nên có một logic khá vững chắc trong chuỗi người dùng.

<input type='text' style="opacity:0;" onfocus="javascript:$('#thisForm').submit();"> 

Các tác dụng phụ bao gồm:

• lĩnh vực biểu mẫu ẩn một thời gian ngắn sẽ được hiển thị. Bạn có thể tránh điều này bằng cách bằng cách sử dụng trình xử lý onfocus để cũng tập trung lại vào trường số mà vừa được để lại. Hoặc bạn có thể thiết lập chiều rộng của đầu vào là 0. Sau này làm việc tốt nhất cho tôi.
• nếu bạn đang sử dụng jQueryMobile như tôi, bạn đang mời xấu chuyển trang khủng khiếp trên chính mình, vì vậy nếu biểu mẫu của bạn nằm trong hộp thoại và gửi biểu mẫu đóng hộp thoại, hãy đảm bảo đặt hộp thoại chuyển tiếp (khi đó đang được mở từ màn hình trước đó) thành 'không'.

Answer 2

Bạn có thể phát hiện trên báo chí bàn phím tiếp theo bằng cách sử dụng các ràng buộc sau trong JQuery:

$('input').on('keydown', function(e){ 
    if(e.which === 9) { 
     //your code here 
    } 
}); 

Nút 'bên cạnh' mô phỏng sự kiện tab bấm phím trên bàn phím, đó là chìa khóa mã 9. Thật không may, các sự kiện nhấn phím và khóa không phát hiện sự kiện quan trọng tiếp theo, vì vậy bạn cần phải liên kết sự kiện này khi nhấn phím.

Hy vọng điều đó sẽ hữu ích!