javascript - 强制事件传播

Question

这个问题已经有答案了:

mousedown. propagation on siblings event.targets (3 个回答)

已关闭 4 年前。

fiddle

当我点击相应的“Click me!”时按钮仅触发一个 console.log(点击事件)。

为什么传播会在这里停止？点击应该通过"Click me!"进入带有“.......”下方的按钮。

<button style="position: absolute" onclick="onClick()">Click me!</button>
<button style="height: 4em" onclick="onClick()">...............................................</button>

在网络上每个人都应该停止传播，但我想强制执行!

期望的结果是通过一次点击触发两个事件。

Answer 1

事件传播到父元素，而不是同级元素，因此事件传播在这里对您没有帮助。 (事实上​​，您已更改布局以使其看起来像按钮是嵌套的，但这不会影响这一点。)如果您需要触发这两个事件，则需要手动执行，或者实际上嵌套元素(将父元素更改为 <button> 以外的元素，因为它们无法嵌套):

onClick = function() {
  console.log("onclick triggered");
}

<div style="height: 4em; border: 1px solid;" onclick="onClick()">
  <button onclick="onClick()">Click me!</button>
  ...............................................
</div>