黑马商城项目_商城分类页_左侧滑动

1、左侧容器绑定了自定义tap事件的工作原理:容器绑定touchStart touchMove touchEnd在满足一定的条件下,执行回调方法,来模拟tap事件
2、容器绑定了事件,容器中的所有子元素都可以触发此事件
3、childBox绑定touchstart 事件,在模拟tap事件时,childBox又绑定了touchstart事件,不冲突,发生touchstart事件时,会先后执行绑定的事件
4、childBox.addEventListener(‘touchend’,function(e){ 将childBox换成
window.addEventListener(‘touchend’,function(e){ 后执行事件的顺序调整了,先执行tap事件中的touchend事件方法,然后再执行window绑定的touchend事件方法
总结:
(1)上下滑动采用childBox的touch事件
(2)点击事件采用自定义tap模拟

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值