Prendi l'oggetto cliccato che ha attivato jquery blur() evento

Question

Supponiamo faccio questo:

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

C'è un modo per andare a prendere l'oggetto che è stato cliccato al fine di attivare l'azione sfocatura?

Ho provato a utilizzare e.target, ma sembra che restituisca l'oggetto associato all'azione di sfocatura anziché l'oggetto cliccato.

Answer 1

Se ho capito bene la tua domanda, questo dovrebbe farlo:

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

L'utilizzo di questa funzione all'interno della funzione di gestione blur fornisce l'elemento blured.

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

All'interno dell'evento blur non è possibile rilevare l'elemento su cui si fa clic. Per ottenere l'elemento click è necessario l'evento click. Per esempio:

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

E per ottenere l'elemento focalizzato è possibile utilizzare :focus selettore del tipo: $(':focus') vi si ritorna concentrati elemento nel documento.

Answer 3

All'interno di un gestore di eventi, this sarà l'elemento l'evento è destinato a, e e.target sarà l'elemento che ha attivato l'evento (può o non essere la stessa di this).

Si sta trasmettendo un evento blur, non un evento click. Quindi, all'interno del tuo evento, avrai l'elemento che hai blur ed. Se si desidera l'elemento click, è necessario un altro evento per ottenerlo.

blur può essere attivato da altri eventi, come la messa a fuoco di qualcosa; non solo cliccando su qualcosa. Quindi, non c'è modo di ottenere l'elemento che "ha causato la sfocatura".

Answer 4

Il trucco è quello di aspettare un segno di spunta in più:

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