Aufruf verschiedener Funktionen auf einer einzigen Taste js

Question

Ich habe Formular mit einer Taste und ich habe zwei Funktionen foo1() und foo2. Wenn der Benutzer zum ersten Mal auf diese Schaltfläche klickt, sollte das Ereignis onclick foo1() aufrufen. In allen anderen Fällen sollte es foo2 aufrufen. wie kann ich das in js/jquery tun?

Answer 1

kann one() für den ersten Klick verwenden und innerhalb dieser Handler einen neuen Ereignis-Listener initialisieren, die für nachfolgende Ereignisse verwendet werden würde

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

Answer 2

kann wie folgt geschehen:

$('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>