zoukankan      html  css  js  c++  java
  • 纯js 判断手势滑动方向

    $('body').on('touchstart', '#gallerySlider img', function(e) {
    var touch = e.originalEvent,
    startX = touch.changedTouches[0].pageX;
    startY = touch.changedTouches[0].pageY;
    slider.on('touchmove', function(e) {
    e.preventDefault();
    touch = e.originalEvent.touches[0] ||
    e.originalEvent.changedTouches[0];
    if (touch.pageX - startX > 10) {
    console.log("右划");
    slider.off('touchmove');
    showPrevious();
    } else if (touch.pageX - startX < -10) {
    console.log("左划");
    slider.off('touchmove');
    showNext();
    };
    if (touch.pageY - startY > 10) {
    console.log("下划");
    } else if (touch.pageY - startY < -10) {
    console.log("上划");
    };
    });

            // Return false to prevent image 
            // highlighting on Android
            return false;
    
        }).on('touchend', function() {
            slider.off('touchmove');
        });
  • 相关阅读:
    python知识合集
    可拖动的DIV
    JavaScript创建对象
    JavaScript prototype
    CSS media queries
    JavaScript作用域链
    JavaScript包装对象
    贫下中农版jQuery
    JavaScript 命名空间
    z-index 应用简单总结
  • 原文地址:https://www.cnblogs.com/libin-1/p/5663577.html
Copyright © 2011-2022 走看看