Get kliknięciu obiektu, który wywołał jquery blur() zdarzenie

Question

Załóżmy zrobić to:

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

Czy istnieje sposób, aby pobrać obiekt, który został kliknięty na w celu wywołania działania rozmycia?

Próbowałem użyć e.target, ale wydaje się, że zwraca obiekt dołączony do akcji rozmycia, a nie kliknięty obiekt.

Answer 1

Jeśli dobrze rozumiem pytanie, należy to zrobić:

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

Używanie tego w ramach funkcji obsługi blur daje element blured.

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

W przypadku zdarzenia blur nie można przechwycić klikniętego elementu. Aby uzyskać element ed click potrzebujesz zdarzenia click. Na przykład:

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

i uzyskać element skupiony można użyć :focus selektor jak: $(':focus') będzie koncentrować powraca elementu w dokumencie.

Answer 3

Wewnątrz obsługi zdarzeń this będzie element zdarzenie jest związana, a e.target będzie elementem wyzwalane zdarzenie (może być lub nie być taka sama, jak this).

Podajesz wydarzenie blur, a nie click. Tak więc, w twoim wydarzeniu, będziesz mieć element, który byłeś blur ed. Jeśli potrzebujesz elementu ed click, potrzebujesz innego zdarzenia, aby to uzyskać.

blur może być wyzwalany przez inne zdarzenia, takie jak ustawianie ostrości; nie tylko kliknięcie na coś. Tak więc nie ma sposobu, aby uzyskać element, który "spowodował rozmycie".

Answer 4

Sztuką jest, aby odczekać dodatkowy haczyk:

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