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

＆＃13;

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

＆＃13;

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

＆＃13;

在单个按钮js上调用不同的函数

3 个答案: