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模拟
黑马商城项目_商城分类页_左侧滑动
最新推荐文章于 2024-05-16 10:58:13 发布