在一個按鈕上調用不同的功能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>