如何在 javascript 中組合 2 個 onclick 函數？

Question

嗨，我正在嘗試組合 2 javascript onClick function 以便它們只有在兩者都被點擊后才會觸發，這就是我目前嘗試的。

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

您可以使用檢查值的 function 。 該值由按位或1或2組成，對於更多按鈕，每個按鈕的值加倍。

在檢查 function 時，檢查 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>

Answer 2

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

這部分代碼意味着如果您同時單擊兩個按鈕，這對人類來說是不可能的。 此外，如果要檢查變量的條件，則應檢查所有變量。 我是說

click.onclick === true && click2.onclick === true

在您的代碼中，您正在檢查 click.onClick 是否真實，並且 click2.onclick 絕對等於真實。

您可以定義一個變量並增加其值或設置真/假，如果它們都被單擊，那么您可以運行其他代碼。

let button1 = 0;
let button2= 0;

click.onclick = function() {
   button1++
   }
}

click2.onclick = function() {
button2++
  }
}

if (button1 > 0 and button2 > 0) {
   console.log("You have clicked on both buttons");
}