在同一个地方的多个元素上传播点击事件但没有父子关系

Question

我有一个问题，如何在同一位置的 2 个元素上传播点击事件，但它没有父子关系。例如，我有这个 html:

<body>
    <button id="btn1">BUTTON 1</button>  // position fixed with top/left at 10px
    <div>
        <button id="btn2">BUTTON 2</button>  // position fixed with top/left at 10px (same place of button 1)
    </div>
</body>

所以在 UI 中，按钮 1 和按钮 2 几乎有相同的位置，所以我想如果我点击按钮 2，点击事件也会在按钮 1 和按钮 2 上触发。

感谢任何帮助。

Answer 1

如果您将相同的事件分配给两个按钮，则不起作用？还是需要另一个？

function someFuntion() {/* Do something */}
button1.addEventListener('click',somefuntion)
button2.addEventListener('click',somefuntion)

Answer 2

您必须监听按钮 2 上的点击事件，然后也调用按钮 1 的点击事件。

在同一个地方的多个元素上传播点击事件但没有父子关系

Propagate click event on multiple elements in the same place but not have parent-child relationship

javascript

onclick

dom-events

onclicklistener

buttonclick