<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>Document</title>
<style type="text/css">
html,body{
margin: 0px;
padding: 0px;
border:none;
text-align: center;
background-color: black;
height: 100%;
}
canvas {
background-color: green;
width: 100%;
}
</style>
</head>
<body>
<div id="test" style="width: 200px; height: 200px; background: #f00;"></div>
<canvas id="stage">
您的浏览器不支持html5, 请换用支持html5的浏览器
</canvas>
</body>
</html>
<script type="text/javascript">
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("inp");
switch(event.type){
case "touchstart":
console.log("asdfasdf");
//console.log(event.touches[0].clientX + "," + event.touches[0].clientY);
break;
case "touchend":
console.log("asdfasdf");
//console.log(event.touches[0].clientX + "," + event.touches[0].clientY);
break;
case "touchmove":
console.log("asdfasdf");
event.preventDefault();
//console.log(event.touches[0].clientX + "," + event.touches[0].clientY);
break;
}
}
}
window.addEventListener('load',load, false);
</script>