链接bind()和unbind()事件处理程序

Question

有人能解释一下这部分链接的逻辑吗？

$("#name").unbind("focus").focus(function(){
    $("#name").unbind("blur").blur(function(){

下面的代码？我无法访问HTML，但here是呈现的网页。另外，是否可以在第一次声明事件处理程序的同时解除它们的绑定？

$(document).ready(function(){

    $("#name").unbind("focus").focus(function(){
        $("#name").unbind("blur").blur(function(){
            var name = $("input[name='name']").val().toString();
            console.log(name);
            if(name === ""){
                $("#nameError").css("display", "block");
            }
            $("#name").focus(function(){
                $("#nameError").css("display", "none");
            });
        });
    });
    ...
});

Answer 1

我想这段代码已经破解了。

外部处理程序及其.unbind('focus').focus()链用于确保没有注册其他focus处理程序。它还确保在第一次将元素悬停在该元素上之前，不会注册任何blur处理程序，并抛出一个.unbind以确保额外的安全性。

然而，在该处理程序内部，每当元素看到.blur事件时，内部.focus处理程序将被重新注册为，而无需安全网。最终结果是在该元素上注册了许多重复的处理程序。

Answer 2

这样绑定就可以多次运行，而不用担心重复