¿Cómo hacer que el argumento de una función reconozca un evento?

[berkeleyPunk]

Iniciado por PHPeros

...de hecho, cuando haces click en uno de esos divs también lo estás haciendo al body y todos sus elementos padres...

Espero no hayan perdido el hilo de este post.

Maestro PHPeros. Resulta que metí imágenes dentro del HTML anidado que propones. Resultado: dejó de trabajar el JS.


Por lo que se ve, la etiqueta img tapa u oculta el div en el que está contenida dicha imagen. Pero hasta donde sé, tienes razón cuando afirmas que cuando das clic a un elemento, das, al mismo tiempo, clic a su elemento padre... Entonces, ¿por qué no funciona el script?

Código HTML:

<div id="contenedor">
  <div class="x" title="caja_1">
    <img src="imagen.png" style="width:100%; height:100%;" />
  </div>
  <div class="x" title="caja_2"></div>
  <div class="x" title="caja_3"></div>
</div>
 

Se me ocurre poner la imagen como background para evitar el problema. ¿Pero qué tal que uno ya tiene destinado su background para otra cosa?