Javascript 在同一位置但不具有父子关系的多个元素上传播单击事件_Javascript_Onclick_Dom Events_Onclicklistener_Buttonclick

Javascript 在同一位置但不具有父子关系的多个元素上传播单击事件

javascript

Javascript 在同一位置但不具有父子关系的多个元素上传播单击事件,javascript,onclick,dom-events,onclicklistener,buttonclick,Javascript,Onclick,Dom Events,Onclicklistener,Buttonclick,我有一个问题，我如何在同一位置的两个元素上传播一个单击事件，但它没有父子关系。例如，我有以下html： <body> <button id="btn1">BUTTON 1</button> // position fixed with top/left at 10px <div> <button id="btn2">BUTTON 2</button>

我有一个问题，我如何在同一位置的两个元素上传播一个单击事件，但它没有父子关系。例如，我有以下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>


按钮1//位置固定，顶部/左侧为10px
按钮2//位置固定，顶部/左侧为10px（与按钮1位置相同）

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

非常感谢您的帮助。

如果您将同一事件分配给这两个按钮，则该按钮不起作用？或者另一个是必要的

函数someFunction（）{/*做点什么*/}
按钮1.addEventListener（'click'，SomeFunction）
按钮2.addEventListener（'click'，SomeFunction）

您必须先侦听按钮2上的单击事件，然后调用按钮1的单击事件。

对不起，我没有提到我正在使用React，两个按钮仍然有onclick处理程序。所以我应该给按钮1一个id，然后在按钮2的onclick处理程序中，我也会触发按钮1上的click事件。对吗？有没有其他方法可以解决这个问题。Thanks@QuocVanTang是的，没错。这是你想要做的最直接的方法。我认为你不需要想出其他办法。试试看，如果你成功了，你可以接受这个答案。