zoukankan      html  css  js  c++  java
  • 手机端touchstart,touchmove,touchend事件,优化用户划入某个可以点击LI的效果

    在我们滑动手机的时候,如果LI或者DIV标签可以点击,那么在移动端给用户一个效果

    /*id为添加效果LI上的UL的ID,或者是当前DIV的ID*/
    function doTouchPublic(id){
        setTimeout(function(){
            var obj=document.getElementById(id);
                touchPublic.tagUltagDiv(obj);
        },300);    
    };
    var touchPublic={
        tagUltagDiv:function(obj){
            var objAll;
                   /*如果对象为UL,那么给LI添加事件,否则给DIV当前对象添加事件*/
            if(obj.tagName=="UL"){
                objAll=obj.childNodes;
            }else{
                objAll=obj;
            }
            touchPublic.touchMoveEndIf(objAll);
        },
        /*li做委托事件,on为JQ中委托事件*/
        touchMoveEndIf:function(obj){
                
                $(obj).on('touchstart',function(){
                    touchPublic.touchObjstart(this,"objRowOver");
                })
                /*触摸滑动,e.preventDefault();是为了让end触发*/
                $(obj).on('touchmove',function(){
                    touchPublic.touchObjend(this,"objRowOver");
                });
                /*触摸离开*/
                $(obj).on('touchend',function(){
                    touchPublic.touchObjend(this,"objRowOver");
                });
            
        },
        touchObjstart:function(that,color){
            $(that).addClass(color);
        },
        touchObjend:function(that,color){
            if($(that).attr('class')==color){
                $(that).removeClass(color);
            }
        }
    }
  • 相关阅读:
    Azure SQL Storage
    T-SQL quries
    映射盘符
    繁体及其输入法、乱码问题
    匈牙利命名法
    C++四种转换总结
    windows系统下进程间通信
    Qt 中文字符串问题
    PDB文件详解
    DbgView 无法开启Capture Kernel问题
  • 原文地址:https://www.cnblogs.com/binmengxue/p/5310268.html
Copyright © 2011-2022 走看看