获取触发jquery blur()事件的点击对象

Question

假设我这样做：

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

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

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

Answer 1

诀窍是等待额外的勾号：

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

Answer 2

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

$(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 3

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

您正在处理blur事件，而不是click事件。因此，在您的事件中，您将拥有blured的元素。如果您想要clicked元素，则需要另一个事件来获取该元素。

blur可以由其他事件触发，例如聚焦某个东西；而不仅仅是点击某个东西。因此，无法获得"导致模糊"的元素。

Answer 4

在blur处理程序函数中使用此函数将为您提供模糊元素。

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

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

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

为了获得焦点元素，您可以使用:focus选择器，如：$(':focus')将返回文档中的焦点元素。