Se puede repetir una funcion mientra presiono el mouse?

chefnelone · #1 (**permalink**) 04/09/2007, 06:00

Hola a todos

Necestaria saber si es posible que una accion se repita mientras esta presionado.

Esto es lo que yo tengo:
un link que ejecuta una funcion que hace que el valor (numerico) de un campo se incremente en 10

<a href="javascript:agrega10()">suma 10</a>

<input type="text" id="campo" value="0" size="10"/>

function agrega10()
{
document.getElementById(campo).value=document.getE lementById(campo).value + 10;
}

Esto funciona bien. Pero para que incremente en 10 tengo que hacer click.

??Como hago para MANTENIENDO APRETADO sobre el link se vaya incrementando de 10 en 10.??

Si supiera cual es el evento yo podria hacer el resto (algo como OnMousePressed...)

JavierB · #2 (**permalink**) 04/09/2007, 07:11

Hola chefnelone

A ver si esto te sirve:

Código:

<html>
<head>
<script type="text/javascript">
var tempo;
var suma = 0;
function sumar() {
  suma += 10;
  document.getElementById('algo').value = suma;
}
</script>
</head>
<body>
<a href="#" onmousedown = "tempo=setInterval('sumar()',500); return false"
onmouseup = "clearInterval(tempo)">Sumar</a>
<input type="text" id="algo" />
</body>
</html>

Saludos,

chefnelone · #3 (**permalink**) 04/09/2007, 07:28

un lujo.
gracias javier

derkenuke · #4 (**permalink**) 04/09/2007, 09:24

Hola:

Yo le añadiría el onmouseout por si nos salimos del enlace, ya que empieza a funcionar anómalamente si forzamos varios onmousedown sin que haya onmouseup:

Código PHP:

  <html>
    <head>
        <script type="text/javascript">
            var tempo;
            var suma = 0;
            function sumar() {
            suma += 10;
            document.getElementById('algo').value = suma;
            }
        </script>
    </head>
    <body>
        <a href="#" onmousedown = "tempo=setInterval('sumar()',500); return false"
           onmouseup = "clearInterval(tempo)" onmouseout="clearInterval(tempo)">Sumar</a>
        <input type="text" id="algo" value="0" />
    </body>
</html>

Un saludo.

chefnelone · #5 (**permalink**) 04/09/2007, 09:47

Se puede hacer algo para que si alguien hiciera SOLO UN CLICK click que tambien sume.

Un saludo

derkenuke · #6 (**permalink**) 04/09/2007, 09:59

Hola chefnelone:

Es lo malo del setInterval(), que la primera llamada la hace con la espera de tiempo estipulado (lo malo, o lo bueno en algunos casos).

Menos mal que de ésta manera se puede solventar, y si se hubiera hecho que no hubiese delay en la primera llamada, sería un lío forzar lo contrario:

Código PHP:

  <html> 
    <head> 
        <script type="text/javascript"> 
            var tempo; 
            var suma = 0; 
            function sumar() { 
            suma += 10; 
            document.getElementById('algo').value = suma; 
            } 
        </script> 
    </head> 
    <body> 
        <a href="#" onmousedown = "sumar(); tempo=setInterval('sumar()',200); return false" 
           onmouseup = "clearInterval(tempo)" onmouseout="clearInterval(tempo)">Sumar</a> 
        <input type="text" id="algo" value="0" /> 
    </body> 
</html>

Realmente me ha gustado esta manera de manejar cantidades, muy útil con cuatro cosas.

Un saludo.

chefnelone · #7 (**permalink**) 04/09/2007, 11:35

gracias . saludos