如何在 javascript 中组合 2 个 onclick 函数？

Question

您好，我正在尝试组合 2 个 javascript onClick 函数，以便它们仅在两者都被单击后触发，这就是我目前尝试的方法。

Javascript

click.onclick = function() {
   for (let i = 0; i < 1; i++) {
       console.log("Clicks counted " + I);
   }
}

click2.onclick = function() {
  for (let i = 0; i < 1; i++) {
      console.log("Clicks counted " + I);
  }
}

if (click.onclick && click2.onclick === true) {
   console.log("You have clicked on both onClicks");
}

HTML

<section>
    <button id="button-click">Nice</button>
    <button id="button-click-2">Even nicer</button>
</section>

我知道超级简单，但我只是想弄清楚如何执行此操作，因为它用于 API 调用，因此需要单击两个按钮然后发送语句。

Answer 1

您可以使用检查值的函数。该值是通过按位或 1 或 2 组成的，对于更多按钮，每个按钮的值加倍。

在检查函数中，检查值是 2ⁿ - 1，针对 3.

进行两次检查

let clickButtons = 0;

function check() {
    if (clickButtons === 3) console.log("You have clicked on both onClicks");
}

document.getElementById("button-click").addEventListener('click', function() {
   clickButtons |= 1;
   check();
});

document.getElementById("button-click-2").addEventListener('click', function() {
   clickButtons |= 2;
   check();
});

<section>
    <button id="button-click">Nice</button>
    <button id="button-click-2">Even nicer</button>
</section>

如何在 javascript 中组合 2 个 onclick 函数？

How do I combine 2 onclick functions in javascript?

javascript

dom

onclick

xapi