javascript - unfocus - trigger blur event jquery

Obtener el objeto cliqueado que activó jquery blur() evento

Question

Esta pregunta ya tiene una respuesta aquí:

• Cuando se produce un evento de "desenfoque", ¿cómo puedo averiguar qué elemento de enfoque fue * a *? 23 respuestas

Supongamos que hago esto:

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

¿Hay alguna manera de recuperar el objeto que se hizo clic para activar la acción de desenfoque?

Intenté usar e.target , pero parece que devuelve el objeto adjunto a la acción de desenfoque en lugar del objeto cliqueado.

Answer 1

Dentro de un controlador de eventos, this será el elemento al que está vinculado el evento, y e.target será el elemento que desencadenó el evento (puede o no ser el mismo que this ).

Está entregando un evento de blur , no un evento de click . Entonces, dentro de tu evento, tendrás el elemento que blur . Si desea el elemento click ed, necesitaría otro evento para obtenerlo.

blur puede ser desencadenado por otros eventos, como enfocar algo; no solo haciendo clic en algo. Entonces, no hay forma de obtener el elemento que "causó el desenfoque".

Answer 2

El truco es esperar un tic:

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

Si entiendo tu pregunta correctamente, esto debería hacerlo:

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

Usar esto dentro de la función del controlador de blur le dará el elemento blured .

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

Dentro del evento de blur no puede captar el elemento cliqueado. Para obtener el elemento click ed, necesita click evento. Por ejemplo:

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

Y para obtener el elemento enfocado, puede usar :focus selector de :focus como: $('':focus'') le devolverá el elemento enfocado en el documento.