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 
    
    
    
    
    
  • 相关阅读:
    notion笔记
    PHP性能分析工具xdebug+qcachegrind
    Homebrew1.5之后安装PHP和扩展
    Yii2 创建新项目目录
    MAC的一些实用
    Item2 + zsh
    YII2 RBAC Admin User权限相关
    ITEM 2 MAC OSX 功能略强大的终端
    MAC终端配色Solarized
    微服务 SpringCloud + docker
  • 原文地址:https://www.cnblogs.com/win-and-first/p/3504933.html
Copyright © 2011-2022 走看看