JavaScript - Detectar click

 
Vista:
Imágen de perfil de Richard Rodriguez

Detectar click

Publicado por Richard Rodriguez (9 intervenciones) el 01/12/2022 16:27:47
Hola a toda la comunidad.
Una pregunta a ver si tiene solución
Estoy creado un menú html css y js,cada Li tiene un IDE que lo genero desde php ahora bien, cómo puedo detectar el click en este Li sin saber su IDE, osea como saber en cual de los Li se hizo el click para hacer algunas acciones, esto porque tengo un menú multi nivel y este se crea según el usuario que se loguea o talvez como obtengo el ide o name desde js

Gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 40
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Detectar click

Publicado por Marlon (90 intervenciones) el 01/12/2022 19:10:11
Primero tienes que añadir el evento "onClick" a cada LI del menu.

1
2
3
4
5
6
7
8
9
10
11
12
//Utilizamos querySelectorAll para obtener todos los LI del menu
// Aqui deberias cambiar el elemento padre y su ID donde tienes los LI, yo como ejemplo pongo que es un DIV y su ID es "menu"
const lista = document.querySelectorAll('div#menu li')
//Ahora recorremos cada elemento del array que devuelve querySelectorAll
a.forEach(element => {
     //le añadimos el evento "onClick"  a cada elemento
    element.addEventListener("click", () => {
         //aqui debería ir lo que quieres que pase cada vez que se haga click en un LI
         console.log(element.id) // de esta forma obtienes el Id de cada elemento.
         console.log(element.getAttribute("name")) // de esta forma obtienes el name de cada elemento.
    })
});

Espero te sirva.. Saludos!!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar