JavaScript中的mouseChildren之类的东西

Question

JavaScript中是否有类似于操作脚本中的mouseChildren=false的内容 防止父母对孩子的事？

Answer 1

您需要先在capture phase中并在处理程序调用事件的stopPropagation内部注册事件处理程序，以防止事件向下传播到元素的子级：

document.getElementById("div1").addEventListener("click", function(event) {
    event.stopPropagation();
}, false);

如果要完全禁用与某些元素的用户交互，可以使用以下CSS规则：

.div1 * {
  pointer-events: none;
}