原生js制作简单的数字键盘

来源: 电脑维修教程   阅读:     发表时间:

本文给各人分享的是使用原生的javascript实现简单的数字键盘的小例子,代码非常的简单,有需要的小伙伴参考下吧。 一、起因 最近支付的同事说,数字键

本文给各人分享的是使用原生的javascript实现简单的数字键盘的小例子,代码非常的简单,有需要的小伙伴参考下吧。

一、起因

最近支付的同事说,数字键盘有些问题;在移动设备上有时候比力难呈现点(.) 和数字在一起的格局;因此,考虑到这种情况,电脑维修视频教程,就建议手写个模拟键盘了。花了一晚上的时间,写了个简单的键盘,基本能用。考虑到有的开发者没有使用juqery,就使用原生的js了。

github地点:https://github.com/vczero/keyboard

二、截图如下

三、体验地点(需要点击input才气弹出数字键盘的哦)

url:http://vczero.github.io/num_key/index.html

四、代码比力简单,直接贴了

;(function(exports){

var keyboard = function(input, options){

var body = document.getelementsbytagname('body')[0];

var div_id = options && options.divid || '__w_l_h_v_c_z_e_r_o_divid';

if(document.getelementbyid(div_id)){

body.removechild(document.getelementbyid(div_id));

}

this.input = input;

this.el = document.createelement('div');

var self = this;

var zindex = options && options.zindex || 1000;

var width = options && options.width || '100%';

var height = options && options.height || '193px';

var fontsize = options && options.fontsize || '15px';

以上是:解决原生js制作简单的数字键盘问题的详细资料教程

?
热门链接: 机顶盒 | 主板维修 | 声卡怎么安装 | 路由器怎么设置 | 电脑内存维修技术 | 维修大全?| 主板维修资料 | 电脑声卡音响故障维修 | 内存 | 显示器 | 电源维修教程 | cpu | 硬盘 | 显卡 |win8操作系统教程|linux操作系统教程|ubuntu操作系统教程|mac苹果操作系统教程|execl教程
友情链接: ?苹果手机维修?| 更多...