zoukankan      html  css  js  c++  java
  • 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 
    
    
    
    
    
  • 相关阅读:
    Oracle
    Oracle
    Oracle
    PTA | 1012 数字分类 (20分)
    PTA | 1010 一元多项式求导 (25分)
    PTA | 1009说反话(20分)
    PTA | 1008 数组元素循环右移问题 (20分)
    PTA | 1005 继续(3n+1)猜想 (25分)
    LeetCode 题解 | 70. 爬楼梯
    LeetCode 题解 | 242. 有效的字母异位词
  • 原文地址:https://www.cnblogs.com/win-and-first/p/3504933.html
Copyright © 2011-2022 走看看