HTML5学习生涯1--touchmove中遇到的问题

在使用html5做在手机上显示轮播图片的效果时突然遇到touchmove事件在touchstart事件之后只触发了一次touchmove之后和touchend一起触发了一次,咦,这是怎么回事?怎么不和mousemove一个道理呢,最后查了查资料是因为没设置事件阻止引起的

             //绑定事件
        function bindEvent() {  
                document.getElementById("divid").addEventListener('touchstart', touchSatrtFunc,false);  
                document.getElementById("divid").addEventListener('touchmove', touchMoveFunc,false);  
                document.getElementById("divid").addEventListener('touchend', touchEndFunc,false);  
         }  
 function touchSatrtFunc(evt)
         {
           var e = evt.touches[0];
         }
         function touchMoveFunc(evt)
         {
             var e = evt.touches[0];
            clientX_start = e.screenX;
            evt.preventDefault();//就是这句
         }
         function touchEndFunc(evt)
         {
         }
touchstart:  // 手指放到屏幕上的时候触发 
touchmove:  // 手指在屏幕上移动的时候触发 
touchend:  // 手指从屏幕上拿起的时候触发 
touchcancel:  // 系统取消touch事件的时候触发
//返回的参数
client / clientY:// 触摸点相对于浏览器窗口viewport的位置 
pageX / pageY:// 触摸点相对于页面的位置 
screenX /screenY:// 触摸点相对于屏幕的位置 
identifier: // touch对象的unique ID 

 


posted @ 2014-01-04 15:50  win_and_first  阅读(1307)  评论(0编辑  收藏  举报