带有onclick事件的div中的按钮-单击按钮时如何仅触发两者之一？

Question

我正在尝试创建一个带有按钮的 div，如下所示：

<div onclick="function()"><input onclick="otherfunction()" type="button"></div>

如果您单击按钮，两个事件都会被触发，但我只想在您点击按钮时触发该事件。我试图更改按钮的 z-index 以使其越过 div，但这没有帮助。

有没有可能解决这个问题？

感谢您的回答，丹尼尔

PS：抱歉任何拼写或语法错误，这不是我的母语。

Answer 1

需要用“stopPropagation”停止冒泡。尝试这个：

<script>
    var test = function() {
        alert(2);
        event.stopPropagation();
    };
</script>

<div onclick="alert(1)"><input onclick="test()" type="button"></div>