在qq浏览器 uc等浏览器 左右滑动禁止翻页
高洛峰
高洛峰 2016-11-08 09:33:30
0
1
3859

892670031-581ee02140c15_articlex.png

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

要实现的功能和淘宝购物车里的功能一样。
每个商品的盒子叫 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 这个盒子, 不能上下滑动了。


高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

reply all(1)
三叔

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

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template