原生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教程
友情鏈接: ?蘋果手機維修?| 更多...
福彩30选5奖金多少