javascript - 在qq浏览器 uc等浏览器 左右滑动禁止翻页
大家讲道理
大家讲道理 2017-04-10 17:51:07
0
1
867

左滑,出来右边的删除按钮,但是国内好多浏览器 左右滑的时候都会翻页。

要实现的功能和淘宝购物车里的功能一样。
每个商品的盒子叫 goods-box

$('.goods-box').each(function(index, el) {
    el.addEventListener('touchmove', function (event) {
    event.preventDefault();
     }, false);
});

我把默认事件禁止了,

   $('.goods-box').on('swipeLeft',function(event){

        $(this).find('.goods-wrap').addClass('del');
        // event.preventDefault();
    });
    $('.goods-box').on('swipeRight',function(event){

        $(this).find('.goods-wrap').removeClass('del');
          // event.preventDefault();
    });
我的盒子现在可以左滑右滑,但是当我手触碰 goods-box 这个盒子, 不能上下滑动了。
大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

reply all(1)
Peter_Zhu

在document.documentElement 上禁止默认事件。

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!