zoukankan      html  css  js  c++  java
  • 禁止或者移除触摸事件

    jquery怎么禁止手机页面触屏滑动页面滚动。(安卓和IOS都禁止)以及怎么接触禁止?谢谢

     
    是禁止滑动页面滚动,不是隐藏。谢谢,急!!!
    提问者采纳
    热心网友
    监听页面触摸运动
    var jinzhi=0;
    document.addEventListener("touchmove",function(e){
    if(jinzhi==0){
    e.preventDefault();
    e.stopPropagation();
    }
    },false);

    后面随便用个函数 把jinzhi的值改为不为0 就又可以滚动了。原理就是这样 很简单
    追问
    你好,我是这样写的
    var t=0;
    $(".nav_click").click(function(){
    t++;
    var jz=t%2;
    if(jz==0)
    {
    document.addEventListener("touchmove",function(e){
    e.preventDefault();
    e.stopPropagation();
    },false);
    }
    })当jz不是0,也是禁止的,怎么改,谢谢
    回答
    因为 禁止不禁止是在监听里做判断 而不是监听函数外,在函数外只要触发一次监听,只要不取消监听都会一直执行。所以必须把判断写在里面
    document.addEventListener("touchmove",function(e){
    if(jz==0){
    e.preventDefault();
    e.stopPropagation();
    }
    },false);
    }
    追问
    $(".nav_click").click(function(){
    t++;
    var jz=t%2;
    document.addEventListener("touchmove",function(e){

    if(jz!=0){
    e.preventDefault();
    e.stopPropagation();
    }
    },false);
    })
    这样也是一直执行,一直禁止的。不能解除
    回答
    把监听放在最外面,他并不是与每次点击想关联,监听只能一次。
    var jz=0;//全局

    $(".nav_click").click(function(){
    t++;
    var jz=t%2;
    });

    document.addEventListener("touchmove",function(e){
    if(jz!=0){
    e.preventDefault();
    e.stopPropagation();
    }
    },false);

    这样才行
    追问
    像您这样的话,if(jz!=0){
    e.preventDefault();
    e.stopPropagation();
    }这个if语句也是只执行一次,能加QQ吗?871647423.谢谢
    回答
    var jz=0;//全局

    $(".nav_click").click(function(){
    t++;
    var jz=t%2;
    if (document.addEventListener){
    document.removeEventListener("touchmove", fun, false);
    } else{
    document.addEventListener("touchmove",fun,false);
    }
    });

    function fun(){
    if(jz!=0){
    e.preventDefault();
    e.stopPropagation();
    }
    }

    哦对,忽略了

    2.iscroll判断左右滑动

    onScrollMove :function(){
    if(this.distX >0 && this.absDistX > (this.absDistY + 5 ) ){
    alert(1)
    };

    if(this.distX<0 && this.absDistX > (this.absDistY + 5 ) ){
    alert(2)
    };

    }



  • 相关阅读:
    python面向编程:阶段练习
    python面向编程:面向对象、init、绑定方法、案例练习
    python常用模块:re模块案例、subprocess
    分享知识-快乐自己:FastDFS 图片服务器的搭建
    分享知识-快乐自己:Nginx概述及如何使用
    分享知识-快乐自己:Java中各种集合特点
    分享知识-快乐自己:虚拟机克隆
    分享知识-快乐自己:安装虚拟机详细步骤
    分享知识-快乐自己:虚拟机 NET 网络配置
    分享知识-快乐自己:IO流基本操作
  • 原文地址:https://www.cnblogs.com/cainiaoz/p/4530645.html
Copyright © 2011-2022 走看看