[JS] onKeyUp race condition?

[Keiichi]

Met AJAX verstuur ik informatie van een formulier op het moment dat het ingevuld word.

Ik heb echter een probleem als de gegevens te snel er ingerammeld of verwijderd worden dat het niet zoals geplanned werkt.

Dmv van een onKeyUp event word de functie aangeroepen die een http xml verzoek stuurt. Hieronder heb ik een test script staan die het probleem dat ik heb verder kan uit leggen. (het probleem zit iig totaal niet in het AJAX gedeelte).

Ik heb 10 velden. Worden gegevens rustig ingevuld dan komen deze keurig in het div element te staan.
Op het moment dat ik er vlot gegevens in ga stoppen (1 t/m 10 bv) dan lijkt het er op dat het event gemist word.

Een oplossing is dat ik gebruik ga maken van onChange als event. Maar hierbij is het nadeel dat als je op een veld blijft staan, dat hier niets mee gedaan word.

Hoe zou ik dit probleem op kunnen lossen?

code:

<script>
function update(val) {
    document.getElementById('test').innerHTML = document.getElementById('test').innerHTML + val + ' ';
}
</script>


<input type=button onClick="update()" />
<input type=text onKeyup="update(this.value)" size=2 />
<input type=text onKeyup="update(this.value)" size=2 />

<input type=text onKeyup="update(this.value)" size=2 />
<input type=text onKeyup="update(this.value)" size=2 />
<input type=text onKeyup="update(this.value)" size=2 />
<input type=text onKeyup="update(this.value)" size=2 />
<input type=text onKeyup="update(this.value)" size=2 />
<input type=text onKeyup="update(this.value)" size=2 />
<input type=text onKeyup="update(this.value)" size=2 />
<input type=text onKeyup="update(this.value)" size=2 />

<div id="test">jawel
</div>

[crisp]

ergens globaal opslaan of je update-functie al bezig is of niet, zo ja de volgende update 'schedulen' voor een later tijdstip (mbv setTimeout bijvoorbeeld).

[Verwijderd]

crisp schreef op dinsdag 21 november 2006 @ 14:39:
ergens globaal opslaan of je update-functie al bezig is of niet, zo ja de volgende update 'schedulen' voor een later tijdstip (mbv setTimeout bijvoorbeeld).

Ik zou dat sowieso allemaal achter een setTimeout zetten want anders wordt er gegarandeerd bij elke toetsaanslag een request verstuurd.

JavaScript:

var _iUpdateTimeout = null;
function update( s ) {
    if(_iUpdateTimeout != null) clearTimeout(_iUpdateTimeout);
    _iUpdateTimeout = setTimeout(400, 
        function() {
            // doe hier je request stuff
        }
    );
}

[Keiichi]

Dat er bij elke toetsaanslag een reqeust word verstuurd is momenteel nog niet het probleem. (het stukje code was ook enkel als proof geschreven)

Als ik bij een bepaalde waarde al overal ingevuld heb en die verander ik, word de functie met de oude waarde nog geupdate. Dat is het probleem. Ik krijg bv 0 0 0 0 0 0 0 0 0 0 x 0 0 0 x 0 0 0 x 0 0 0 0 0 0 0 0 0 x te zien wanneer het eerst 0 was en alles naar x veranderde in rap tempo.

[Verwijderd]

Toevallig alleen in FireFox?
http://www.quirksmode.org...09/xmlhttp_notes_a_1.html