触摸*移动
属性 preventDefault(),该方法通知Web浏览器不要执行与事件关联的默认的动作（假如存在这样的动作）。
touches表示当前跟踪的触摸操作touch对象的数组。
touchstart手指触摸屏幕时出发，即使有一个手指在屏幕上也会触发；
touchmove当手指在屏幕上滑动时连续的触发，在这个事件发生期间，preventDefault（）可以阻止滚动；
touchend手指离开屏幕时触发；
touchcancel系统停止跟踪触摸时触发。
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="content">
<img id="logo" width="30%" height="30%" src="../img/02.jpg" />
</div>
<script>
var con=document.getElementById("content");
var img=document.getElementById("logo");
con.ontouchstart=function(e){
var touch=e.touches[0];
var x=touch.clientX;
var y=touch.clientY;
img.style.left=x+"px";
img.style.top=y+"px";
}
con.ontouchmove=function(e){
e.preventDefault();
var touch=e.touches[0];
var x=touch.clientX;
var y=touch.clientY;
img.style.left=x+"px";
img.style.top=y+"px";
}
con.contouchend=function(e){
var touch=e.touches[0];
img.style.left="0px";
img.style.top="0px";
}
</script>
</body>
</html>
来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/30545764/viewspace-2121000/，如需转载，请注明出处，否则将追究法律责任。
转载于:http://blog.itpub.net/30545764/viewspace-2121000/
扫一扫
1802
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
