Merge pull request bh-lay#1 from bh-lay/master

bh-lay · bh-lay · commit 98c9ed82a003 · 2015-04-08T17:02:36.000+08:00
使用新的代码
diff --git a/README.md b/README.md
@@ -4,22 +4,24 @@ toucher
 toucher是一个面向移动端web开发，通过监听原生事件模拟手势事件的库。
 
 #目前支持哪些事件
-
-* singleTap：轻击
-* doubleTap：双击
-* longTap：长按
-* swipeStart：滑动开始
-* swipe：滑动（若阻止浏览器默认事件，滑动过程中会持续触发）
-* swipeEnd：滑动结束
-* swipeUp：上划
-* swipeRight：右划
-* swipeDown：下划
-* swipeleft：左划
+基本事件
+ * singleTap：轻击
+ * doubleTap：双击
+ * longTap：长按
+ * swipeUp：上划
+ * swipeRight：右划
+ * swipeDown：下划
+ * swipeleft：左划
+
+高级事件
+ * swipeStart：滑动开始
+ * swipe：滑动（阻止浏览器默认事件，滑动过程效果更佳）
+ * swipeEnd：滑动结束
 
 #说明
 目前尚不支持双指操作的事件，此类事件可能会在下次大的更新之后作为补充加入进来。
 
-事件触发时不阻止浏览器默认事件，若要用于拖动操作，或滑动更为细腻，可在swipe事件中使用“return false;”阻止浏览器默认事件，但此时页面是不能通过拖动当前dom进行滚动页面操作！
+事件触发时不阻止浏览器默认事件，若要用于拖动操作，或滑动更为细腻，可在swipe事件中使用“return false;”阻止浏览器默认事件！
 
 #DEMO
 请使用移动设备或使用调试工具模拟移动设备查看 [demo](http://htmlpreview.github.io/?https://github.com/bh-lay/toucher/blob/master/touch.html)
diff --git a/asset/toucher.js b/asset/toucher.js
@@ -1,7 +1,7 @@
 /**
  * @author 剧中人
  * @github https://github.com/bh-lay/toucher
- * @modified 2014-8-25 20:23
+ * @modified 2015-3-7 01:02
  * 
  */
 
@@ -146,7 +146,7 @@
 			'pageY' : touch.clientY || 0
 		};
 		//为swipe事件增加交互初始位置及移动距离
-		if(name == 'swipe' && e.startPosition){
+		if(name.match(/^swipe/) && e.startPosition){
 			newE.startX = e.startPosition['pageX'],
 			newE.startY = e.startPosition['pageY'],
 			newE.moveX = newE.pageX - newE.startX,
@@ -251,17 +251,17 @@
 			eventMark = e;
 			//在原生事件基础上记录初始位置（为swipe事件增加参数传递）
 			e.startPosition = {
-				'pageX' : x1,
-				'pageY' : y1
+				pageX : x1,
+				pageY : y1
 			};
 			//断定此次事件为移动事件
 			EMIT.call(this_touch,'swipe',e);
 
 			if(!isActive){
 				return
 			}
-    	   x2 = e.touches[0].pageX
-        	y2 = e.touches[0].pageY
+  	  x2 = e.touches[0].pageX
+      y2 = e.touches[0].pageY
 			if(Math.abs(x1-x2)>2 || Math.abs(y1-y2)>2){
 				//断定此次事件为移动手势
 				var direction = swipeDirection(x1, x2, y1, y2);
diff --git a/touch.html b/touch.html
@@ -58,13 +58,13 @@
 <body>
 <div class="consoleCnt">
 <div class="console console1">
-	logger<br/>
+	--logger--<br/>
 </div>
 <div class="console console3">
-	logger<br/>
+	--logger--<br/>
 </div>
 <div class="console console2">
-	logger<br/>
+	--logger--<br/>
 </div>
 </div>
 <div id="toucher">
@@ -94,7 +94,6 @@
 
 
 var bodyTouch = util.toucher($('#toucher')[0]);
-bodyTouch.preventDefault = true;
 
 bodyTouch.on('singleTap',function(e){
 	$('.console3').append('singleTap'+I()+'<br/>');
@@ -134,6 +133,7 @@
 		'top':e.moveY,
 		'left':e.moveX
 	});
+	return false;
 }).on('swipeEnd','.checkA',function(e){
 	$('.console1').append('swipeEnd<br/>');
 	console.log(this,e);
@@ -165,8 +165,8 @@
 
 
 $('.consoleCnt').click(function(){
-	$('.console').html('logger<br/>');
+	$('.console').html('--logger--<br/>');
 });
 </script>
 </body>
-</html>
+</html>
