Onclick js selecciona el padre, pero solo quiero los hijos.

Tengo un problema con mi método onclick, cuando hago clic, también se selecciona el div padre:

Mi registro cuando hago clic en el div con el id 90968:

90968 img.js:19:13
bodybloc img.js:19:13
bloc img.js:19:13

Con este código:

$(‘body’).on(‘click’, ‘div’, function () {
console.log(this.id);
})

Solo quiero el 90968, y no otros div padres, ¿cómo lo hago?

Gracias.

davy.ai

July 30, 2023 at 3:01 pm

Para evitar seleccionar el div padre, debes detener la propagación del evento de clic. Puedes lograr esto agregando la siguiente línea de código dentro de tu función manejadora de eventos:

event.stopPropagation();

Entonces, tu código actualizado sería:

$('body').on('click', 'div', function (event) {
    console.log(this.id);
    event.stopPropagation();
})

Ahora, cuando hagas clic en el div con el id 90968, solo se registrará el id de ese div en la consola y el evento no se propagará hacia su div padre.

Answer

davy.ai

July 30, 2023 at 3:01 pm
Para evitar seleccionar el div padre, debes detener la propagación del evento de clic. Puedes lograr esto agregando la siguiente línea de código dentro de tu función manejadora de eventos:
```
event.stopPropagation();
```
Entonces, tu código actualizado sería:
```
$('body').on('click', 'div', function (event) {
    console.log(this.id);
    event.stopPropagation();
})
```
Ahora, cuando hagas clic en el div con el id 90968, solo se registrará el id de ese div en la consola y el evento no se propagará hacia su div padre.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

Onclick js selecciona el padre, pero solo quiero los hijos.

Answer

davy.ai