javascript - 如何解决父效应子事件的防止事件

Question

我在父节点中设置了 preventDefault 像

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

然后我添加了一个子 div，我使用了 javascript (insertAdjacentHTML).aui-dialog并将子 div css 设置为height(height:100px)andoverscroll-y:scroll

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

问题：如何使用父节点添加子滚动e.preventDefault()？

标签： javascripthtml

Answer 1

您是否尝试event.stopPropagation()在 childs 事件侦听器中调用该方法？

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