获取点击的对象触发jQuery的模糊（）事件

Question

假如我这样做：

$(target).blur(function(e){ 
    //do stuff 
}); 

有没有一种方法来获取被点击，以触发模糊动作的对象？

我试过使用e.target，但是这似乎是返回附加到模糊操作而不是点击对象的对象。

Answer 1

如果我正确理解你的问题，这应该这样做：

$(function() { 

    var clicky; 

    $(document).mousedown(function(e) { 
     // The latest element clicked 
     clicky = $(e.target); 
    }); 

    // when 'clicky == null' on blur, we know it was not caused by a click 
    // but maybe by pressing the tab key 
    $(document).mouseup(function(e) { 
     clicky = null; 
    }); 

    $(target).blur(function(e) { 
     console.log(clicky); 
    });​​ 

}); 

Answer 2

在blur处理函数中使用此函数会给你blured元素。

$(target).blur(function(e){ 
    var bluredElement = this; // dom element 
    // To make a jQuery object 
    var bluredElement = $(this); 
}); 

在blur事件中，您无法捕获单击的元素。要获得click ed元素，您需要click事件。例如：

$(element).click(function() { 
    var clickedElement = this; 
}); 

而得到聚焦元素可以使用:focus选择，如：$(':focus')会回报你的文件的重点元素。

Answer 3

在事件处理程序中，this将是事件绑定的元素，并且e.target将是触发事件的元素（可能与this相同或不同）。

您正在处理blur事件，而不是click事件。所以，在你的活动中，你将拥有你编辑的元素。如果你想要click ed元素，你需要另一个事件来获取它。

blur可以被其他事件触发，例如聚焦某物;不只是点击某个东西。因此，没有办法获得“造成模糊”的元素。

Answer 4

诀窍是要等待一个额外的滴答声：

$(el).blur(function (event) { 
    // If we just hangout an extra tick, we'll find out which element got focus really 
    setTimeout(function(){ 
     document.activeElement; // This is the element that has focus 
    },1); 
})