jquery, diferenciar click en fondo, de elementos internos

[yakukubu]

Holaaa

sí, un poco raro el título del mensaje.. a ver si alguien ha querido hacer algo así alguna vez o sabe orientarme por dónde tirar, porque no se me ocurre nada...

Tengo una tabla, y quiero que cuando haces clic en una fila, se ejecute una función. La cuestión es que en la fila evidentemente tiene imágenes, enlaces, etc. y quiero que la función únicamente se ejecute cuando hago clic en una zona dónde no hay nada de la fila, porque si no, la función se ejecuta, por ejemplo cuando le das a un enlace...

¿alguna idea? ¿algún evento que desconezco.. ?

Gracias!

[mayid]

Para empezar, podes usar un selector $("tr") con el evento click. No creo que al pulsar en enlace se ejectute prioritariamente el evento click. Pero de cualquiera manera, si queres evitar elementos, usá :not

http://api.jquery.com/not-selector/

http://api.jquery.com/not/

[yakukubu]

Hola,

Lo del $("tr") fue lo primero que probé ;) .. pero sí que salta el evento cuando le das a los enlaces que hay dentro ..

Esto del not-selector no lo conocía, gracias! voy a echarle un ojo ahora mismo.. :)

[yakukubu]

Hola otra vez... creo que el "not" no es la solución, o por lo menos no he sabido cómo..

Lo que busco es que cuando hagas clic encima del "span" no salte el evento click del "div" que lo contiene.. en mi caso estoy con una tabla.. pero el concepto supongo que es el mismo..

Código:

     <script type="text/javascript">
        $(document).ready(function() {
            $("#prueba").click(function() {
                alert("has hecho click");
            });                
        });
    </script>

Código HTML:

 <div id="prueba" style="background:red">
        <span style="background:yellow">hola</span>
    </div> 

He probado cosas tipo meter el click dentro de un mouseover.. y demás.. pero por ahora no lo he conseguido..

[beni0888]

No se si entiendo muy bien lo que quieres, si lo que quieres es que la función se ejecute cuando hagas click en un td pero no cuando hagas click en un elemento contenido dentro de ese td la solución es aplicar un manejador para el evento click de la tabla de la siguiente manera:

Código Javascript:

$("table").click(function(e){
    var t=$(e.target);
    if(t.is("table > tr > td"))
        // llamas a la función que quieres ejecutar
    else
        return false; // si quieres evitar propagación y comportamientos por defecto
});
 

Espero te sirva.

Saludos

[yakukubu]

Hola

Pues siiiiiiiiiii, bueno, al final he modificado un poco el código, el segundo selector t.is("table > tr > td") lo he dejado así: t.is("td") porque si no no funcionaba, pero era eso exactamente lo que estaba buscando :)

Muchas gracias a los dos