Lấy đối tượng nhấp đã làm hiển thị jquery blur() sự kiện

Question

Giả sử tôi làm điều này:

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

Có cách nào để lấy các đối tượng mà được nhấp vào để kích hoạt các hành động mờ?

Tôi đã thử sử dụng e.target, nhưng dường như trả về đối tượng được đính kèm với hành động làm mờ thay vì đối tượng được nhấp.

Answer 1

Nếu tôi hiểu câu hỏi của bạn một cách chính xác, điều này sẽ làm điều đó:

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

Sử dụng chức năng này trong phạm vi blur trình xử lý sẽ cung cấp cho bạn phần tử blured.

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

Trong vòng blur sự kiện, bạn không thể xem yếu tố được nhấp. Để có được phần tử biên tập click, bạn cần click sự kiện. Ví dụ:

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

Và để có được những yếu tố tập trung bạn có thể sử dụng :focus chọn như: $(':focus') sẽ trả về cho bạn tập trung phần tử trong tài liệu.

Answer 3

Bên trong trình xử lý sự kiện, this sẽ là thành phần mà sự kiện được ràng buộc và e.target sẽ là thành phần kích hoạt sự kiện (có thể hoặc không giống như this).

Bạn đang giao một sự kiện blur, chứ không phải sự kiện click. Vì vậy, bên trong sự kiện của bạn, bạn sẽ có phần tử mà bạn blur ed. Nếu bạn muốn phần tử biên tập click, bạn cần một sự kiện khác để có được điều đó.

blur có thể được kích hoạt bởi các sự kiện khác, chẳng hạn như tập trung điều gì đó; không chỉ nhấp vào một cái gì đó. Vì vậy, không có cách nào để có được yếu tố "gây ra sự nhòe".

Answer 4

Bí quyết là phải chờ một đánh dấu thêm:

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