jquery - 如何知道文本框是否由于单击按钮而失去焦点？

Question

我有一个文本框，我为其编写了 blur 事件处理程序，并且我还有另一个按钮，我为其编写了 click 事件。如果是由于单击按钮而导致的，我不想调度 blur 事件。

有什么办法可以做到这一点吗？

Answer 1

$('yourblurbutton').bind('blur', function() {
    yourblurfunction();
});
$('yourclickbutton').bind('click', function() {
    //your click code
});
$('yourclickbutton').bind('mouseover', function() {
    $('yourblurbutton').unbind('blur');
});
$('yourclickbutton').bind('mouseout', function() {
    $('yourblurbutton').bind('blur', function() {
        yourblurfunction();
    });
});
yourblurfunction() {
   // your blur function
}

鼠标悬停事件会在模糊之前触发，因此它使我们能够解除模糊的绑定(bind)。在鼠标移开时，我们简单地再次添加模糊。