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

Question

我有:

<input type="text" />

和

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

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

即如果我点击另一个输入，单击页面上的某个位置等，我希望模糊触发，但如果我单击链接，我不希望它触发。

这很容易实现，还是我需要使用委托(delegate)和信号量进行修改？

谢谢

Answer 1

我今天也必须自己解决这个问题。我发现 mousedown 事件在模糊事件之前触发，因此您需要做的就是设置一个变量来指示首先发生 mousedown 事件，然后如果是这样，则适本地管理您的模糊事件。

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;
});

希望这对你有帮助!!