如何在没有ONDBLICK的情况下制作第二个OnClick()

Question

我不想使用双击功能，而是我只是想要在用户单击两次而不是单时单击两次时运行以下buttononclick（），请帮助我编码

                <button onclick="buttonOnClick();" onmouseover="mouseOver();" onmouseout="mouseOut();">Subscribe <i id="ytb" class="fa fa-youtube-square ytb"></i></button>
                <br>

             </div>

功能buttononClick（）

{

  window.open('https://www.youtube.com/channel/UCXE6pw29K2lHS_2fB8LeU1Q?sub_confirmation=1','_blank');

  setTimeout(aTagChange, 12000);
}

Answer 1

设置一个变量prevClick，然后进行更新并检查：

var prevClick = false;
function buttonOnClick() {
    if (prevClick) {
        window.open('https://www.youtube.com/channel/UCXE6pw29K2lHS_2fB8LeU1Q?sub_confirmation=1','_blank');
        setTimeout(aTagChange, 12000);
    } else {
        prevClick = true;
    }
}

Answer 2

您可以使用ondblclick

function func(){
  console.log("double clicked");
}

<button ondblclick="func()">Subscribe <i id="ytb" class="fa fa-youtube-square ytb"></i></button>

您可以有一个Boolean来检查它是否单击一次

let clicked = false;
function func(){
  if(clicked === false){
    clicked = true;
    return false;
  }
  else clicked = false;
  console.log("clicked second time");
  
}

<button onclick="func()">Subscribe <i id="ytb" class="fa fa-youtube-square ytb"></i></button>