单击引导下拉菜单项时防止触发事件

Question

我具有以下简化的HTML元素：

<form ... class='dropdown-item'>
<button id='button1'></button>
<button id='button2'></button>
</form>

当我单击表单内的任何位置时，背景都会切换其颜色（附有屏幕截图）。

我想在单击button2时停止更改背景颜色。

直到现在，我都尝试在更多事件处理程序（单击，提交，鼠标按下）上同时使用preventDefault()和stopPropagation()方法，但似乎无法正常工作。

提前谢谢！