evento tasto premuto

**niser93** · 18-09-2011, 14:38

ragazzi aiutatemi!!!
devo fare in modo che cliccando su un + aumenti di uno il valore dentro ad un div.Però mi serve che tenendo premuto il + aumenti continuamente fino al rilascio del tasto sinistro del mouse.Mi è stato suggerito di usare setInterval ma non riesco a farlo nel modo + adatto.

Codice PHP:


<script type="text/javascript"> 

function aumenta(){ 

numero=0; 

var numero=document.getElementById('numero').innerHTML; 

numero=parseInt(numero); 

numero++; 

document.getElementById('numero').innerHTML=numero; } 



function aumenta2(){ 

var int=self.setInterval("aumenta()",200); } 



function clear(){ clearInterval(intx) } 

</script> 



<div id="numero">0</div> 


 

<a onmousedown="aumenta(),aumenta2()" onmouseup="clear()">+</a>

in questo caso come posso fare per ottenere il risultato voluto?

**cavicchiandrea** · 18-09-2011, 15:02

codice:

var intx;
function aumenta(){ 
numero=0; 
var numero=document.getElementById('numero').innerHTML; 
numero=parseInt(numero); 
numero++; 
document.getElementById('numero').innerHTML=numero; } 

function aumenta2(){ 
intx = setInterval("aumenta()",200); } 

function ferma(){ clearInterval(intx) }

Cosi funziona ho reso la variabile intx globale (altrimenti per il clear era inesistente) e ho cambiato (per scrupolo) il nome clear alla funzione essendo un nome riservato.
Ciao e benvenuto.

**niser93** · 18-09-2011, 15:07

grazie...stavo proprio sistemando quello..levando il var funziona tutto.
Ora però ho un altro problema.nel setInterval ho una funzione,la funzione aumenta.
Io passo un valore alla funziona aumenta2 e voglio metterlo nella funzione aumenta
quando comincia il setInterval.Come faccio a passare questo valore?
Se provo a metterlo nella funzione nel setInterval non gira più niente!

Cmq grz per il benvenuto ;-) questo forum è magnifico!

**cavicchiandrea** · 18-09-2011, 15:22

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript">
var intx;
function aumenta(val){
val
numero=0; 
var numero=document.getElementById('numero').innerHTML; 
numero=parseInt(numero); 
numero++; 
document.getElementById('numero').innerHTML=numero+' valore preimpostato '+val; } 

function aumenta2(valore){ 
intx = setInterval(function(){aumenta(valore)},200); } 

function ferma(){ clearInterval(intx) } 

</script>
</head>

<body>
<div id="numero">0</div> 

 
<a onmousedown="aumenta2(5)" onmouseup="ferma()">+</a></body>
</html>

**niser93** · 18-09-2011, 16:03

Ottimo!!mi sei stato di grande aiuto ;-) ora sono finalmente riuscito a fare quello che mi serviva

Discussione: evento tasto premuto

Strumenti discussione

Ricerca discussione

Visualizza

evento tasto premuto

Permessi di invio