jquery - 单击 jQuery 中的链接时如何防止 blur() 运行？

Question

我有:

<input type="text" />

和

$('input').blur(function(){
    alert('stay focused!');
});

我想通过单击 anchor 元素来“模糊”时阻止运行模糊功能。

即如果我切换到另一个输入，点击页面上的某处等，我希望启动模糊，但如果我单击一个链接，我不希望它启动。

这很容易实现吗，还是我需要处理委托(delegate)和信号量？

谢谢

Answer 1

我今天也必须自己解决这个问题。我发现 mousedown 事件在 blur 事件之前触发，所以您需要做的就是设置一个变量来指示 mousedown 事件首先发生，然后在发生时适本地管理您的 blur 事件。 p>

var mousedownHappened = false;

$('input').blur(function() {
    if(mousedownHappened) // cancel the blur event
    {
        alert('stay focused!');
        $('input').focus();
        mousedownHappened = false;
    }
    else   // blur event is okay
    {
        // Do stuff...
    }
});

$('a').mousedown(function() {
    mousedownHappened = true;
});

希望对你有帮助!!