1つのボタンで異なる機能を呼び出すjs

Question

ボタンが1つのフォームがあり、2つの機能があります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>

を