Detectar si se ha hecho click dentro de un Div

publicado por: Anonymous

Busco la manera de detectar si se ha hecho click dentro de un div sin importar el contenido que se encuentre dentro del div en cuestión.

_x000D_

_x000D_

$(document).ready(function(){_x000D_
$('#armaz  *').on('click', function()_x000D_
{ alert($(this).prop('id')); });_x000D_
})

_x000D_

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>_x000D_
<div id="armaz" ><iframe>Contenido</iframe></div>

_x000D_

_x000D_

_x000D_

Como pueden ver no consigo hacerlo funcionar. Explico que el contenido dentro del div es variado pueden ser todo tipo de objeto, lo que necesito es que detecte si han hecho click al contenido del div sin importar cual sea el su contenido ejemplo un iframe.

solución

No es necesario emplear el selector universal para este fin. bastaría solo con escuchar el evento click para las etiquetas div sea cual sea el id o el contenido.

_x000D_

_x000D_

$(function() {_x000D_
 $(document).on('click','div', function(){ _x000D_
  alert($(this).prop('id'));_x000D_
 });_x000D_
});

_x000D_

div{_x000D_
    width: 100px;_x000D_
    height: 50px;_x000D_
    background :#ccc;_x000D_
    margin:10px;_x000D_
}

_x000D_

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>_x000D_
<div id="armaz" >Contenido</div>_x000D_
<div id="armaz1" >Contenido</div>_x000D_
<div id="armaz2" >Contenido</div>_x000D_
<div id="armaz3" >Contenido</div>

_x000D_

_x000D_

_x000D_

Como recomendación debería leer la documentación de on() para
saber como emplear este método y que parámetros debe enviar.

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *