在单个按钮JS上调用不同的功能

Question

我具有一个按钮，我有两个功能foo1()和foo2。如果用户首次单击此按钮，则onclick事件应调用foo1()，在所有其他情况下，都应致电foo2。我该如何在JS/jQuery中执行此操作？

Answer 1

可以首次单击one()，该处理程序在该处理程序中初始化一个新事件侦听器，该侦听器将用于后续事件

$('button').one('click',function(){
    foo1();
    $(this).on('click', foo2);    
});

Answer 2

可以这样做：

$('button').on('click,foo);
function foo(){
  foo1();
  $(this).off("click",foo).on('click', foo2);
}

Answer 3

var initClick;
var initClick = false;
$(".button").click(function(){
 if(initClick == false){
    foo();
    initClick = true;
 }else{
   bar();
 }
});
function foo(){
 alert('Foo');
}
function bar(){
 alert('Bar');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button class="button" >Click Me</button>