javascript - 单击一次后更改功能代码

Question

在已经点击了一次事件函数后，如何更改它？然后在第二次或更多次它会表现不同。

我已经尝试过 one 事件，但我仍然希望在单击时在该按钮上拥有一个功能，但需要另一个功能。

这是我的一键点击事件代码

 $(document).one('click', '#search', function(e){
      e.preventDefault();
      e.stopPropagation();
      that._getEmployeeProfile();
    });

在第二次或以上点击“我想发生这种情况”

$(document).on('click', '#search', function(e){
      e.preventDefault();
      e.stopPropagation();
      $('searchlist').modal('show')
    });

谢谢!

Answer 1

您可以设置一个变量，如果用户单击该元素，该变量就会更新。

var userAlreadyClicked = false;

$(document).on('click', '#search', function(e){
  e.preventDefault();
  e.stopPropagation();

  if(!userAlreadyClicked ){
    that._getEmployeeProfile();
    userAlreadyClicked = true;
  }else{
     $('searchlist').modal('show')
  }

});