[js] Lengte van inputveld na key event

[cyberstalker]

Ik heb een functietje geschreven dat automatisch naar het volgende inputveld gaat wanneer het maximum aantal karakters is ingevuld.

Nu is het probleem dat het de waarde in Fx niet wordt bijgewerkt tot nadat de functie klaar is, terwijl de waarde in Opera direct wordt geupdate.

JavaScript:

function auto_focus(event)
{
        var link        =       event.target;
        var inputvalue  =       link.value;
        var next_node   =       nextNode(link);

        if (inputvalue.length + 1 < link.getAttribute('maxlength'))
        {
                return false;
        }

        while (next_node.nodeName != link.nodeName && next_node != null)
        {
                next_node       =       nextNode(next_node);
        }

        if (next_node != null)
        {
                next_node.focus();
        }
}

Dit werkt zo in Firefox, omdat ik nu zelf 1 optel bij inputvalue.length. In opera kun je nu echter een karakter te weinig invullen.

Hoe kan ik dit zo maken dat het in alle browsers goed werkt? Ik gebruik overigens het event keypress:

JavaScript:

for (i = 0; i < inputs.length; i++)
{
        if (inputs[i].hasAttribute('maxlength'))
        {
                inputs[i].addEventListener('keypress', auto_focus, false);
        }
}

[André]

Volgens mij gaat het in ieder geval niet werken in IE omdat die event.srcElement gebruikt ipv event.target.

En ipv keypress zou je onkeydown kunnen gebruiken?

[crisp]

Eerder onkeyup, en ik zou in de eventhandler gewoon met het 'this' keyword werken.

btw: IE ondersteund DOM level 2 events ook niet...

[cyberstalker]

André schreef op woensdag 07 maart 2007 @ 22:37:
Volgens mij gaat het in ieder geval niet werken in IE omdat die event.srcElement gebruikt ipv event.target.

En ipv keypress zou je onkeydown kunnen gebruiken?

IE is geen factor. Ik schrijf sowieso XHTML, wat toch al niet in IE werkt. Om vervolgens ondersteuning voor IE's jscript in te bouwen is dan redelijk nutteloos .

crisp schreef op woensdag 07 maart 2007 @ 22:53:
Eerder onkeyup, en ik zou in de eventhandler gewoon met het 'this' keyword werken.

btw: IE ondersteund DOM level 2 events ook niet...

Ik heb het nu werken met het event 'keyup', wat in de meeste browsers lijkt te werken .

Kun jij me uitleggen waarom ik het 'this' keyword zou moeten gebruiken? Is dat duidelijker? Logischer? Sneller?