javascript - 如何解决 parent 影响 child 的事件

Question

我在父节点中设置了preventDefault，例如

document.querySelector(".aui-dialog").addEventListener("touchmove", function(e){
    e.preventDefault();
})

然后我添加了一个子 div，我使用了 javascript (insertAdjacentHTML) .aui-dialog 并使用 height(height:100px) 和 设置了子 div css >overscroll-y:滚动

我发现子div在touchmove时无法滚动，在我尝试删除e.preventDefault()后它会移动

问题:如何让子节点与父节点一起滚动添加e.preventDefault()？

Answer 1

您是否尝试过在子事件监听器中调用 event.stopPropagation() 方法？

event.stopPropagation() 停止向父元素冒泡事件，从而防止执行任何父事件处理程序。