javascript - 获取触发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事件。因此，在您的事件中，您将拥有您blur编辑的元素。如果你想要clicked 元素，你需要另一个事件来获得它。

blur可以由其他事件触发，例如聚焦某物；不只是点击某物。因此，无法获取“导致模糊”的元素。

Answer 4

在处理函数中使用 thisblur将为您提供模糊的元素。

$(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')将返回文档中的焦点元素。