Javascript: descubra en qué elemento se hizo clic sin asociar eventlistener a él.

Estoy confundido al encontrar un enfoque para resolver este problema. Considere a continuación htmlJavascript: descubra en qué elemento se hizo clic sin asociar eventlistener a él.

<body> 
    <div id="parent" onclick="myFunc"> 
    <div id="child-a"></div> 
    <div id="child-b"></div> 
    <div id="child-c"></div> 
    <div id="child-d"></div> 
    <div id="child-e"></div> 
    </div> 
</body>

El detector de eventos se adjunta al elemento primario. Si un usuario hace clic, digamos 'child-c', ¿hay alguna forma de averiguar usando "myFunc" en qué div se hizo clic? En este caso 'child-c'. ¿Alguna solución posible usando JS puro o jQuery?

Deseo saber si se requiere más explicación. Gracias por ayudar.

-Nishant

Fuente

2011-08-20 nishant limbachiya

Sí, se puede comprobar target la propiedad del evento que indicará el elemento que se ha hecho clic. Puede leer más sobre las propiedades del evento here.

Fuente

2011-08-20 06:49:28 jtbandes

$("#parent").click(function(e){ 
    console.log(e.target); 
});

Demostración: http://jsfiddle.net/4bC6K/

Fuente

2011-08-20 06:49:49 Dogbert

Sí, utilizar target:

function(e){ 
    // e.target is the clicked div 
}

Ejemplo: http://jsfiddle.net/Paulpro/AfA4t/

Fuente

2011-08-20 06:51:11 Paulpro

Gracias, funciona muy bien. No tengo reputación para 'subir' tu respuesta. :( –

Javascript: descubra en qué elemento se hizo clic sin asociar eventlistener a él.

Respuesta

Cuestiones relacionadas