npm install jk-keyboard一个为移动端页面设计的HTML数字键盘程序,依赖jQuery。
``html
...
使用
jk-left-n和jk-top-n设置按键位置。可以使用jk-height-n来改变按键高度。$3
`javascript
(function() {
var $number = $('#number');
JK.start({
container: '#jk-keyboard',
decimal: 3,
open: true,
onKeyDown: function(value) {
console.debug('onKeyDown', value);
// prevent changing
// if (parseFloat(value) > 1000) {
// return false;
// }
},
onKeyUp: function(value) {
console.debug('onKeyUp', value);
$number.text(value);
},
onStart: function(keyboard) {
keyboard.$el.find('#keyboard-down').on('click', function() {
keyboard.close();
});
$number.on('click', function() {
keyboard.open();
});
}
});
})();
`示例代码参见
index.html`。需要使用Chrome打开该页面,然后打开开发者工具,激活手机模式。MIT