3

Tengo lo siguiente en html:

<input type="text" id ="a">
<input type="text" id ="b">
<input type="text" id ="c">

y en jquery:

$('#a, #b, #c').blur(function(){
    //acá ejecutar de acuerdo al objeto que perdió el foco
});

Como sé que objeto fué el que perdió el foco?

2 respuestas 2

2

Basta con capturar en una variable el id del elemento dentro de la función. Luego puedes usar la variable para lo que necesites, en el ejemplo lo muestro en consola.

$(this) hace referencia al elemento con el que se está interactuando en el momento de perder el foco.

Con .prop('id') capturas el valor del atributo id.

$('#a, #b, #c').blur(function(){
    //Capturar el id del elemento que pierde el foco
    let idElemento = $(this).prop('id');
    //Mostrar el id en consola
    console.log(idElemento);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id ="a">
<input type="text" id ="b">
<input type="text" id ="c">

1
  • Excelente, justo lo que necesitaba. Muchas gracias!
    – ClaudioO
    Commented el 26 sept. 2021 a las 1:58
2

El primer argumento que reciben la funciones manejadoras de eventos es un objeto tipo Event, en cuya propiedad target se tiene:

una referencia al objeto en el cual se lanzó el evento

$('#a, #b, #c').blur( function(evento){
    console.log('id',evento.target.id);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id ="a">
<input type="text" id ="b">
<input type="text" id ="c">

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.