[JS] preventDefault() om enter key uit te schakelen.

[cyberstalker]

Ik heb een probleem bij het gebruik van preventDefault() voor de enter toets.

Ik heb de volgende code:

JavaScript:

// knip
                area.addEventListener('keyup', update_paragraph, true);
// knip

function update_paragraph(event)
{
        var link                        =       event.target;
        var key                         =       event.keyCode;
        var paragraph                   =       link.nextSibling;
        var height;

        if (key == 13)
        {
                event.preventDefault();
                alert('Enter key should have been canceled!');
        }
        else
        {
                paragraph.firstChild.nodeValue  =       link.value;
                height                          =       paragraph.clientHeight;

                link.setAttribute('style', 'height: '+height+'px');
        }
}

Ik krijg wel de alert dat de enter toets nu zou moeten zijn geannuleerd, maar ik krijg nog steeds een enter in de tekst te zien. Als ik kijk op http://www.w3.org/TR/2001...ents-20010823/events.html zie ik bij het keyup event "Cancelable: Yes" staan.

Wat doe ik hier verkeerd?

[Gonadan]

Je cancelt het keyup event, maar de enter wordt toch al gegenereerd tijdens het keydown event?

Wordt de parameter 'event' überhaupt wel gevuld trouwens? Controleer dat ook even.

[ Voor 31% gewijzigd door Gonadan op 26-06-2007 15:52 ]

[cyberstalker]

Gonadan schreef op dinsdag 26 juni 2007 @ 15:45:
Je cancelt het keyup event, maar de enter wordt toch al gegenereerd tijdens het keydown event?

Dat was ook mijn eerste gedachte, maar toen ik even zocht zag ik dus dat het keyup event Cancelable is. Als de tekst op dat moment al geplaatst is en er dus niets te annuleren is zou er toch 'Cancelable: No' staan?

Of begrijp ik het nu gewoon verkeerd?

[Gonadan]

cyberstalker schreef op dinsdag 26 juni 2007 @ 15:47:
Dat was ook mijn eerste gedachte, maar toen ik even zocht zag ik dus dat het keyup event Cancelable is. Als de tekst op dat moment al geplaatst is en er dus niets te annuleren is zou er toch 'Cancelable: No' staan?

Of begrijp ik het nu gewoon verkeerd?

Hangt er van af, sommige dingen worden bij up getriggered anderen bij down.
Als ik typ zie ik dat het bij down getriggerd wordt, als ik op een button klik wordt die pas bij up getriggered. Even debuggen zou ik zeggen, lees mijn edit in mijn vorige bericht ook nog even trouwens.

[cyberstalker]

De event parameter wordt netjes gevuld (ik krijg zoals gezegd wel netjes de alert en de rest van de code werkt ook prima).

[Gonadan]

cyberstalker schreef op dinsdag 26 juni 2007 @ 15:55:
De event parameter wordt netjes gevuld (ik krijg zoals gezegd wel netjes de alert en de rest van de code werkt ook prima).

En wat doet hij als je de keydown cancelt?
Misschien ligt het daar niet aan hoor, maar ik zou het wel even proberen.

[frickY]

Mocht je de keydown niet kunnen cancellen, dan kun je meen ik ook een return false geven om het plaatsen van de enter te voorkomen.