0

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.

$(document).ready(function(){
$('#armaz  *').on('click', function()
{ alert($(this).prop('id')); });
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="armaz" ><iframe>Contenido</iframe></div>

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.

4
  • La conjuncion verbal "haber hecho" es ambas con h. Te lo edito para que no duela.
    – Lithorell
    Commented el 14 jul. 2017 a las 5:58
  • Estás seleccionando un elemento cualquiera dentro del div llamado armaz ('#armaz *' )en lugar de seleccionar directamente el div: $('#armaz')
    – user7176
    Commented el 14 jul. 2017 a las 5:59
  • 1
    $('#armaz').click(function() { alert($(this).prop('id'));}) Commented el 14 jul. 2017 a las 6:17
  • Esa última edición cambia la cosa, un iframe es un caso excepcional porque el contenido el externo
    – user7176
    Commented el 14 jul. 2017 a las 6:36

2 respuestas 2

5

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.

$(function() {
 $(document).on('click','div', function(){ 
  alert($(this).prop('id'));
 });
});
div{
    width: 100px;
    height: 50px;
    background :#ccc;
    margin:10px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="armaz" >Contenido</div>
<div id="armaz1" >Contenido</div>
<div id="armaz2" >Contenido</div>
<div id="armaz3" >Contenido</div>

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

2
  • Gracias por la respuesta aun tengo la duda de detectar si an echo click dentro del contenido del iframe. Commented el 14 jul. 2017 a las 6:28
  • 1
    @BotXtremSolutions no es posible detectar el evento click de un contenido externo mediante iframe. puede usar librerias o hacks.
    – Dev. Joel
    Commented el 14 jul. 2017 a las 6:32
2

Simplemente añade el evento click al div

$( "#armaz" ).click(function() {
    alert( "Handler for .click() called." );
});
4
  • <div id="admask"> <iframe >cuatro metros</iframe> </div><script> $('#armaz').click(function() { alert($(this).prop('id'));})</script> No funciona si es en Iframe Commented el 14 jul. 2017 a las 6:18
  • Eso no esta en la pregunta, si hacemos mal la pregunta no esperes que la respuesta se adecue a aquello que no has indicado. Un iframe no ve directamente el contenido padre.
    – Lithorell
    Commented el 14 jul. 2017 a las 6:22
  • No solo un iframe también imágenes o otro contenido como explico en la pregunta Commented el 14 jul. 2017 a las 6:27
  • Si es contenido propio de la pagina te va a funcionar, pero si esta en un iframe no porque se considera algo "externo"
    – Lithorell
    Commented el 14 jul. 2017 a las 6:30

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.