请问下老师进度条相关问题

Question

请问一下老师，这里实在是没有想明白所以来打扰老师。老师为什么btnStyle绑定在了progress-btn-wrapper这个元素上就会导致下面的问题，在结尾一点一点点击就会出现这个问题。
但是绑定在progress上就不会有这个问题

Answer 1

提问者 hy_wang 2021-05-13 23:20:41

老师我明白了，绑定在同一个元素上的touchstart和click事件，因为使用了prevent阻止了默认行为不会触发click。这样的话，当在进度条边缘的时候，点击按钮就不会触发click事件。仅仅只会触发拖动事件，所以就不会超出。老师这里的用意是这样吧

• 提问者 hy_wang #1

  没有表述清楚…并不是同一个元素，是使用了touchstart.prevent的元素就不会触发click事件了，从而也不会向上冒泡触发外层的click事件。老师原因是这个吗

• ustbhuangyi 回复 提问者 hy_wang #2

  prevent touckstart 阻止了原生事件肯定就不会触发 click，当然也就不存在冒泡