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>

如何在没有onDBLClick的情况下创建第二个onclick（）

2 个答案: