, вызывающий разные функции на одной кнопке js

Question

У меня есть форма с одной кнопкой, и у меня есть две функции: foo1() и foo2. если пользователь нажимает эту кнопку FIRST TIME, событие 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>