comportamento anomalo di function

[deleted_b]

provate questo semplicissimo script... tanto per riprodurre il problema

<script>
var i;
for (i=0;i< 5;i++) {
	var bbb=document.createElement('input');
	bbb.value=i;
	bbb.onmouseover=function () { document.title+=i; };
	document.body.insertBefore(bbb, null);
}
</script>

vi siete accorti?! aiutatemi a capire cosa mi sfugge

grazie!

[paxal78]

nel senso che ti mette sempre il numero 5?

[deleted_b]

esatto! ... mi sto rileggendo il manuale, ma continua a sfuggirmi il perchè

[paxal78]

quando asseggni il mouse over all'input gli stai dicendo di aggiungere i
...ma ormai i è uguale a 5

è una variabile globale che alla fine del ciclo ha un suo valore (5) che viene utilizzato nel momento in cui scateni l'evento

[Xinod]

l' onmouseover si verifica quando il ciclo e' finito,
la tua variabile, globale, ha oramai come valore l' ultimo assunto nel ciclo

serve una closure per mantenere in scope la variabile
prova
bbb.onmouseover=(function(s){return function(){document.title+=s;}})(i);

ciao

[deleted_b]

giusto! grazie ad entrambi... continuavo a pensare che al momento di creare la funzione i dovesse essere sostituita con il suo valore