javascript - 有没有办法阻止滑动事件从子级传播到父级？

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 3 年前。

Improve this question

我有幻灯片，用户可以在不同的幻灯片之间滑动和导航，但有些幻灯片在幻灯片内有轮播或嵌套幻灯片。因此，如果我滑动轮播，就会发生幻灯片导航，我需要防止这种情况发生。因此，如果子元素被滑动，我需要防止父元素滑动。如何实现期望的行为？谢谢

使用 GSAP Draggable ，尝试在 onPress 事件中提供 stopPropagation

Answer 1

首先，我建议阅读 stopPropagation vs. stopImmediatePropagation 。如果您绑定(bind)到其子元素，那么 stopPropagation 似乎应该适合您。请参阅event bubbling 。

但是，如果您绑定(bind)到同一个父级，请务必注意 stopImmediatePropagation 不会神奇地跳过以前的事件。

Event handlers are executed in the order in which they have been attached to the element.

在这种情况下，我实际上建议从浏览器中对触发的事件进行调试，以查看发生了什么。

• Open Dev Tools on Chrome
• Click the Sources tab
• On right-hand side, scroll down to Event Listener Breakpoints, and expand tree
• Click on the events you want to listen for.
• Interact with the target element, if they fire you will get a break point in the debugger

同样，您可以:

• In the Elements tab, select your element.
• On the right side, there should be a side-tab with Event Listeners.
• Expand the tree to see what events are attached to the element.