清蒸小龙虾

移动端div移动 

<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>手机拖动</title> 
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"> 
</head> 
<style>*{margin: 0;padding: 0;}</style>
<body> 
<div id="my" style="width:100px; height:100px; background:#999; position:absolute;">out</div> 
</body> 
</html> 
<script type="text/javascript"> 
var my=document.getElementById("my");
my.addEventListener("touchstart",function(e){
var e=e||window.event;
e.preventDefault();
})
my.addEventListener("touchmove",function(e){
var e=e||window.event;
e.preventDefault();
this.style.left=e.touches[0].clientX-50+"px";
this.style.top=e.touches[0].clientY-50+"px";
})
</script>

 

posted on 2015-12-22 11:07  清蒸小龙虾  阅读(183)  评论(0)    收藏  举报

导航