javascript - 将函数绑定到两个事件会导致函数执行两次

Question

我正在绑定一个手风琴选项卡以在单击和聚焦时打开。但是每当我单击时，它都会执行两次该功能。我该如何阻止这种行为？我只希望它执行一个事件。单击或聚焦。

$("h2.radioBoxInActive").bind('click focus', function () {
        input = $(this).prev("span, input");
        $(".selected", app.element).removeClass("selected").slideUp();
        $(".radioBoxActive", app.element).removeClass("radioBoxActive");
        $("#" + input.attr("data-panel")).slideDown().addClass("selected");
        $(this).addClass("radioBoxActive");
    });

Answer 1

为了避免双重执行，只需绑定focus事件。即使用户使用另一个输入设备来选择复选框（例如通过键盘），这也将确保处理程序的执行

Answer 2

您可以保存上次执行的时间戳，以停止该函数几乎同时执行。

这只允许函数在最后一次执行超过 50 毫秒之前执行。

(function(){
    var lastExecuted = 0;
    $("h2.radioBoxInActive").bind('click focus', function () {
        var currentTime = new Date().getTime();
        var timeDelta = currentTime - lastExecuted;
        if (timeDelta > 50) {
            lastExecuted = currentTime;
            input = $(this).prev("span, input");
            $(".selected", app.element).removeClass("selected").slideUp();
            $(".radioBoxActive", app.element).removeClass("radioBoxActive");
            $("#" + input.attr("data-panel")).slideDown().addClass("selected");
            $(this).addClass("radioBoxActive");
        }
    });
})();