调用函数onclick on some buttons而不影响单个onclick函数的按钮（已经为按钮分配） - JavaScript

Posted 2021-04-20

我对javascript有点新鲜，还在学习。我开发了一个带有几个按钮的开发，这些按钮在onclick事件上有几个功能。但是我想在点击这些按钮时调用其他函数。而不影响按钮的正常功能。 （这些常用功能根据按钮的各个功能改变父div的高度）。

我可以简单地将我的常用功能放在每个单独的功能中。但是我想知道是否还有任何其他deffecrent方法来调用其他函数时单击perticuler div中的所有按钮而不手动将函数放到每个按钮onclick事件。或者至少每个都有一种方法可以立即将事件列表器添加到div的所有子按钮。

仅使用纯JavaScript

答案

如果你只是添加another click handler它应该运行多个功能。请记住，您无法控制调用事件处理程序的顺序。所以要小心。

document.getElementsByClassName("buttonClass").addEventListener("click", myFunctionAction)

请记住，如何获得元素取决于您。重要的是addEventListener。对元素执行多次操作将在单击按钮时运行更多功能。