时间戳

首页 > 解决方案 > 使用多个按钮调用相同的 javascript

javascript - 使用多个按钮调用相同的 javascript

问题描述

我真的是 Javascript 的新手，我已经能够使这段代码适用于我的项目。 https://codepen.io/kevinpowell/pen/EMdjOV

我只需要它为另一个按钮工作。所以基本上是另一个按钮，但能够调用相同的 js。

如您所见，当前的主按钮是 <button id="dark-mode-toggle" class="dark-mode-toggle">

我相信复制相同的 html 按钮标签并粘贴到其他地方是行不通的。该调用仅适用于第一个按钮。

我可以以某种方式创建另一个具有不同类的按钮.dark-mode-toggle-two并将其工作到 js 中吗？

标签： javascript

解决方案

如果您希望从两个不同的按钮调用相同的函数，您所要做的就是定义函数（而不是使用匿名函数），然后使用两个事件侦听器引用它。像这样的东西：

function myAction() {
  // Do something
}

button1.addEventListener('click', myAction);
button2.addEventListener('click', myAction);

推荐阅读