JS Dựa trên bàn phím ảo cho trình duyệt, như trên điện thoại di động và máy tính bảng

Question

Chúng tôi có một ứng dụng cho một hệ thống nhúng và chúng tôi đang phát triển một số ứng dụng dựa trên HTML5, CSS3 và một số thư viện JS chạy trên trình duyệt webkit. Tôi đã tự hỏi nếu có bất kỳ thư viện mà thực hiện trên bàn phím màn hình với đồ họa tùy chỉnh của các phím. Cũng nên dễ dàng quốc tế hóa nó.

Có thể là bất kỳ thứ gì dựa trên canvas HTML5 không?

Tôi đánh giá cao mọi đầu vào. Cảm ơn!

Answer 1

Một cái gì đó như thế này?

http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-keyboard-with-css-and-jquery/

Thêm vào đó, đây là một (khác) cắm thay vì một hướng dẫn:

http://www.sitepoint.com/jquery-on-screen-keyboard/

Answer 2

Bạn có thể thử các Virtual Keyboard trong đó có rất nhiều features, language layouts và rất well documented.
Bạn cũng có thể dễ dàng tích hợp nó với bootstrap:

$('#keyboard').keyboard({ 
    layout: 'qwerty', 
    css: { 
     // input & preview 
     input: 'form-control input-sm', 
     // keyboard container 
     container: 'center-block dropdown-menu', // jumbotron 
     // default state 
     buttonDefault: 'btn btn-default', 
     // hovered button 
     buttonHover: 'btn-primary', 
     // Action keys (e.g. Accept, Cancel, Tab, etc); 
     // this replaces "actionClass" option 
     buttonAction: 'active', 
     // used when disabling the decimal button {dec} 
     // when a decimal exists in the input area 
     buttonDisabled: 'disabled' 
    } 
}) 

Tìm toàn bộ ví dụ here.

Bạn cũng có thể thử số On Screen Keyboard đơn giản hơn và ít tính năng phong phú hơn.