No me funciona .click() en chrome

SeaPirates · #1 (**permalink**) 15/03/2012, 08:51

Hola, estoy intentando simular un click sobre un input file. Con firefox me funciona, pero con chrome nada de nada. He estado buscando mas temas al respecto pero nada, ni siquiera me muestra error:

$('#fileselect').click();

¿Alguna solución?

maycolalvarez · #2 (**permalink**) 15/03/2012, 09:04

eso depende del navegador, ¿que version de FF tienes?, porque a mi en la 10 no me funciona, como debe ser

SeaPirates · #3 (**permalink**) 15/03/2012, 09:41

Firefox tengo la ultima version, y chrome igual.

Pero donde no me va es en Google Chrome, en firefox va perfecto.

Naahuel · #4 (**permalink**) 15/03/2012, 11:16

El problema debe estar en otra parte, .click() debería funcionar perfectamente:

Código HTML:

Ver original<!doctype html>
<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $('input[type="file"]').click(function(){
                $(this).after('<p>Click</p>')
            });
        });
    </script>
    <title>Click Input File</title>
</head>
<body>
    <input type="file" />   
</body>
</html>

Con focusin():

SeaPirates · #5 (**permalink**) 17/03/2012, 05:46

Eso si funciona perfectamente.

El problema es que yo tengo un enlace con onclick:

Código Javascript:

Ver original$('#fileselect').click();

Para que haga click sobre el input file y me funciona en firefox pero no en chrome

#fileselect es el id del input file

Naahuel · #6 (**permalink**) 17/03/2012, 06:09

Ah, entonces lo que querés es disparar el evento? A mi en Chrome me funciona bien eso:

Código HTML:

Ver original<!doctype html>
<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $('.cargar-archivo').click(function(event){
                $('input[type="file"]').click();
            });
        });
    </script>
    <title>Click Input File</title>
</head>
<body>
    <input type="file" />
    <p><button class="cargar-archivo" href="http://www.google.com">Abrir archivo</button></p>
</body>
</html>

¿A vos te funciona? Lo puedo probar hasta en IE6 sin problemas.

SeaPirates · #7 (**permalink**) 18/03/2012, 13:51

El problema no es la función, si no lo otro. Si yo coloco:

Código Javascript:

Ver original<script type="text/javascript">
        $(function(){
            $('#selectfile').click(function(event){
                alert('lol');
            });
        });
    </script>

Me muestra la alerta, pero si yo coloco esto ya no me funciona..:

Código Javascript:

Ver original<script type="text/javascript">
        $(function(){
            $('#selectfile').click(function(event){
                $('input[type="file"]').click();
            });
        });
    </script>

Cristian_sax_ · #8 (**permalink**) 15/11/2012, 09:37

A mi me esta ocurriendo lo mismo, si has encontrado el error te agradeceria que lo compartieses porque me estoy rebentando la cabeza buscando alguna solución, había leido algo de que no lee muy bien chrome por id pero no tiene sentido porque otros si que me funcionan, el único que falla es el .click

Un saludo

Naahuel · #9 (**permalink**) 15/11/2012, 09:42

Yo ya he probado esto en todos los navegadores (Excepto versiones muy viejas de chrome) y funciona perfecto. Sigo sin entender cual es el problema, después de más de 7 meses... Probé verificando si a lo mejor el problema es que el click no se dispara sobre el input si este está oculto, pero no... así que, ni idea cual es su problema.

Poné el código que te está dando problemas y explicá qué hace mal.