javascript - 仅当进一步点击需要转发到其他功能时才运行按钮点击事件

Question

我有一个按钮如下

<input type="button" id="btn" value="Click Me" />

我有两个函数

function event1(){
  alert("1st Time Clicked");
}

function event2(){
  alert("Further Clicks");
}

我想在用户单击该按钮时第一次运行 event1 函数，对于后续请求，我需要运行 event2 函数。

我尝试了以下方法

$(document).ready(function(){
    $("#btn").one("click",function(){
        event1();
    });
});

但我不知道如何运行 event2 函数来进一步点击。

如何在 Jquery 中做到这一点？

我创建了 Jsfiddle = http://jsfiddle.net/rajeevgurram/d9Z3c/

Answer 1

在第一个点击处理程序中(使用 .one())，注册一个普通的点击处理程序，以便进一步的点击将触发该处理程序

$(document).ready(function () {
    $("#btn").one("click", function () {
        event1();
        $(this).click(event2)
    });
});

演示:Fiddle