[HTML/JavaScript] Tab in tekstveld

[Verwijderd]

Wanneer je op de TAB-toets drukt, dan wordt de focus op een ander object gelegd. Is het mogelijk om te voorkomen dat dit gebeurt en dat in plaats daarvan een TAB gebruikt kan worden in een textarea? (om mooie kolommen te maken)

[crisp]

Ja, je kan keyevents afvangen in een textarea

[André]

code:

<textarea id="tekst" onkeypress="if (event.keyCode == 9) { this.value += '\t'; return false; }"></textarea>

[SuperRembo]

André schreef op maandag 28 februari 2005 @ 20:27:

code:

<textarea id="tekst" onkeypress="if (event.keyCode == 9) { this.value += '\t'; return false; }"></textarea>

Was 't maar zo simpel

[André]

Hoe bedoel je, ik heb het getest en het werkt.

/edit:
IE werkt dus weer eens niet mee, IE is onkeydown nodig terwijl FF alleen met onkeypress werkt ivm het cancellen van de key

[ Voor 65% gewijzigd door André op 28-02-2005 20:46 ]

[macnerd]

En wat als je ze er nou beide in zet?

Als het goed is worden niet herkende attributes gewoon genegeerd, dus IE kijkt niet naar OnKeyPress en FF niet naar OnKeyDown (voor zover ik weet)

[André]

In IE werkt dat wel want die negeerd onkeypress maar in FF krijg je een dubbele TAB. Ik denk dat je een browsercheck hiervoor nodig hebt.

[SuperRembo]

Bovendien wordt de tab altijd aan het eind van de tekst toegevoegd, terwijl je cursor ergens middenin kan staan.

[André]

SuperRembo schreef op maandag 28 februari 2005 @ 21:13:
Bovendien wordt de tab altijd aan het eind van de tekst toegevoegd, terwijl je cursor ergens middenin kan staan.

Dat is te verhelpen door uit te lezen waar je cursor staat
Het voorbeeld ging me meer om de manier hoe je de tab kunt afvangen.

[ Voor 11% gewijzigd door André op 28-02-2005 21:23 ]

[Not Pingu]

André schreef op maandag 28 februari 2005 @ 21:03:
In IE werkt dat wel want die negeerd onkeypress maar in FF krijg je een dubbele TAB. Ik denk dat je een browsercheck hiervoor nodig hebt.

dat betekent dus dat 1 van de 2 events voor beide browsers werkt

[ Voor 4% gewijzigd door Not Pingu op 28-02-2005 21:25 . Reden: crap... hoe werkte die 'eureka' smiley met dat lampje ook alweer? ]

[André]

Gunp01nt schreef op maandag 28 februari 2005 @ 21:24:
[...]

dat betekent dus dat 1 van de 2 events voor beide browsers werkt

onkeypress is dat, maar die kun je niet cancellen in IE, en daarom ben je daar weer onkeydown nodig

[crisp]

Klopt, hoewel beide events wel werken in beide browsers. Het zit 'm puur in het kunnen cancellen.

Anyway: opzetje

[André]

Eerst een antwoord posten waar ik een voorbeeld bij geef, dan mag ik een antwoord posten waar jij een voorbeeld bij geeft Teamwork