Javascript 如何使整个按钮可单击？甚至里面的元素？

我在某个地方读到过，我可以用一种叫做偶数冒泡和停止冒泡（）的东西；为了实现这一点。我是Javascript的新手，所以我不知道如何实现，但这就是我目前所拥有的。我可以单击按钮内元素周围的填充，但是如果我单击元素，它们不会触发按钮事件。有什么想法吗

函数myFunction（）{
document.getElementById（“myDropdown”）.classList.toggle（“show”）；
}
window.onclick=函数（事件）{
如果（！event.target.matches（'.sidebar button switcher'））{
var dropdowns=document.getElementsByClassName（“下拉内容”）；
var i；
对于（i=0；i

.show{
颜色：红色；
}

切换视图
询问者
任务者

openDropdown.classList

应该是

dropdowns[i]。classList

。JavaScript控制台中没有因此而出现错误吗？没有，没有错误。该按钮工作得很好，我试图使按钮内的图标也可点击，当我点击图标时，什么也没有发生。但是当我检查元素时，“下拉内容”变成紫色，这意味着它注册了我的点击，只是什么都没有发生当我运行上面的代码时，我得到了未捕获的TypeError：当我点击Switch View时，无法读取null的属性“classList”。filterSelection（）在哪里function？

openDropdown。classList

应该是

dropdowns[i]。classList

。JavaScript控制台中没有因此而出现错误吗？没有，没有错误。该按钮工作得很好，我试图使按钮内的图标也可点击，当我点击图标时，什么也没有发生。但是当我检查元素时，“下拉内容”变成紫色，这意味着它注册了我的点击，只是什么都没有发生。当我运行上面的代码时，我得到了未捕获的TypeError：当我点击Switch View时，无法读取null的属性'classList'。

filterSelection（）

函数在哪里？