在qq浏览器 uc等浏览器 左右滑动禁止翻页
高洛峰
高洛峰 2016-11-08 09:33:30
[HTML讨论组]

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教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(1)
三叔

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号