h5games
/
touch.html

<!DOCTYPE html>
<html lang="en">
<head>
	<!-- 设置缩放 -->
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
	<!-- 可隐藏地址栏，仅针对IOS的Safari（注：IOS7.0版本以后，safari上已看不到效果） -->
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<!-- 仅针对IOS的Safari顶端状态条的样式（可选default/black/black-translucent ） -->
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<!-- IOS中禁用将数字识别为电话号码/忽略Android平台中对邮箱地址的识别 -->
	<meta name="format-detection" content="telephone=no, email=no" />
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	html,body{width: 100%;height: 100%}
		#move{width: 500px;height: 500px;position: absolute;left: 0px;top: 0px;background: orange;}
	}
	</style>
</head>
<body>
	<div id="move"></div>
	<script>
// 		function load (){

//     document.addEventListener('touchstart',touch, false);
//     document.addEventListener('touchmove',touch, false);
//     document.addEventListener('touchend',touch, false);

//     function touch (event){
//         var event = event || window.event;

//         var oInp = document.getElementById("move");

//         switch(event.type){
//             case "touchstart":
//                 oInp.innerHTML = "Touch started (" + event.touches[0].clientX + "," + event.touches[0].clientY + ")";
//                 break;
//             case "touchend":
//                 oInp.innerHTML = "<br>Touch end (" + event.changedTouches[0].clientX + "," + event.changedTouches[0].clientY + ")";
//                 break;
//             case "touchmove":
//                 event.preventDefault();
//                 oInp.innerHTML = "<br>Touch moved (" + event.touches[0].clientX + "," + event.touches[0].clientY + ")";
//                 break;
//         }

//     }
// }
// window.addEventListener('load',load, false);
	// window.onload = function(){
	// 	var moved = document.getElementById("move")
	// 	// moved.addEventListener('touchmove',touch,false)
	// 	document.ontouchmove = function(e){
	// 		var pos = e.touches[0];
	// 		console.log(pos.clientY+'----------'+pos.clientX)
	// 	}
	// }
	// function touch(){
	// 	console.log(2)
	// }
	window.onload = function(){
		var body = document.querySelector('body');
		body.addEventListener('touchmove',tt)
	}
	function tt(){
		console.log(1)
	}
	</script>
</body>
</html>