From 0eef52a3bc3f555e0dd044ef218ffb21f36ac198 Mon Sep 17 00:00:00 2001
From: vczero <wlhmyit@126.com>
Date: Thu, 23 Apr 2015 10:41:51 +0800
Subject: [PATCH] add touch event

---
 num_key/README.md   | 45 +++++++++++++++++++++++++++++++++++++++++++++
 num_key/index.html  |  4 ++--
 num_key/keyboard.js |  5 +++--
 3 files changed, 50 insertions(+), 4 deletions(-)
 create mode 100644 num_key/README.md
diff --git a/num_key/README.md b/num_key/README.md
new file mode 100644
index 0000000..73e26ee
--- /dev/null
+++ b/num_key/README.md
@@ -0,0 +1,45 @@
+模拟数字键盘
+----
+###一、起由
+	（1）目前虚拟键盘需要输入小数点，需要切换键盘；
+	（2）不同设备上存在兼容性。
+	
+	
+###二、用法
+	（1）new KeyBoard(inputElement);
+	（2）Demo如下
+		<!DOCTYPE html>
+		<html>
+		<head>
+			<meta charset="utf-8" />
+			<title>模拟数字键盘</title>
+			<meta name="viewport" content="width=device-width, initial-scale=1.0, 
+			maximum-scale=1.0, minimum-scale=1.0, minimal-ui" />
+		</head>
+		<body>
+			<div>
+				<input id="text1" style="height:28px;width:98%;outline:none;
+				border:1px solid #1AB6FF;padding-left:3px;"/>
+				<br />
+				<br />
+				<input id="text2" style="height:28px;width:98%;
+				outline:none;border:1px solid #1AB6FF;padding-left:3px;"/>
+			</div>
+			<script type="text/javascript" src="keyboard.js"></script>
+			<script type="text/javascript">
+			(function(){
+				var input1 = document.getElementById('text1');
+				var input2 = document.getElementById('text2');
+			
+				input1.onclick = function(){
+					new KeyBoard(input1);
+				};
+			
+				input2.onclick = function(){
+					new KeyBoard(input2);
+				};
+			
+			})();
+			</script>
+		</body>
+		</html>
diff --git a/num_key/index.html b/num_key/index.html
index c39736b..a8fae5e 100644
--- a/num_key/index.html
+++ b/num_key/index.html
@@ -7,10 +7,10 @@
 	</head>
 	<body>
 		<div>
-			<input id="text1" style="height:28px;width:98%;outline:none;border:1px solid #1AB6FF;padding-left:3px;"/>
+			<input id="text1" type="number" style="height:28px;width:98%;outline:none;border:1px solid #1AB6FF;padding-left:3px;"/>
 			<br />
 			<br />
-			<input id="text2" style="height:28px;width:98%;outline:none;border:1px solid #1AB6FF;padding-left:3px;"/>
+			<input id="text2" type="number" style="height:28px;width:98%;outline:none;border:1px solid #1AB6FF;padding-left:3px;"/>
 		</div>
 		<script type="text/javascript" src="keyboard.js"></script>
 		<script type="text/javascript">
diff --git a/num_key/keyboard.js b/num_key/keyboard.js
index fa42836..092de9d 100644
--- a/num_key/keyboard.js
+++ b/num_key/keyboard.js
@@ -15,7 +15,7 @@
 		var zIndex = options && options.zIndex || 1000;
 		var width = options && options.width || '100%';
 		var height = options && options.height || '193px';
-		var fontSize = options && options.fontSize || '12px';
+		var fontSize = options && options.fontSize || '15px';
 		var backgroundColor = options && options.backgroundColor || '#fff';
 		var TABLE_ID = options && options.table_id || 'table_0909099';
 		
@@ -33,7 +33,7 @@
 		var cssStr = '<style type="text/css">';
 		cssStr += '#' + TABLE_ID + '{text-align:center;width:100%;height:160px;border-top:1px solid #CECDCE;background-color:#FFF;}';
 		cssStr += '#' + TABLE_ID + ' td{width:33%;border:1px solid #ddd;border-right:0;border-top:0;}';
-		cssStr += '#' + TABLE_ID + ' td:hover{background-color:#1FB9FF;color:#FFF;}';
+//		cssStr += '#' + TABLE_ID + ' td:hover{background-color:#1FB9FF;color:#FFF;}';
 		cssStr += '</style>';
 		
 		//Button
@@ -71,6 +71,7 @@
 		}
 		
 		this.el.onclick = addEvent;
+		this.el.ontouchstart = addEvent;
 		body.appendChild(this.el);
 	}
 	
