[Javascript/HTML] Tab gebruiken in een textarea - Softwareontwikkeling

maandag 22 september 2003 15:13

Acties:

Verwijderd

Topicstarter

Ik ben momenteel met een online editor bezig voor PHP bestanden. Nu is het zoals iedereen wel gewend is, voor het inspringen de tab toets te gebruiken. Alleen als je nu een tab indruk gaat ie naar het volgende item in de tabindex (bijvoorbeeld een knop).

Is er een mogelijkheid om dit uit te zetten / af te vangen?

maandag 22 september 2003 15:20

Acties:

Verwijderd

als ik het goed heb kun je toetsen als tab, delete en de F toetsen niet afvangen zoals je dat normaal zou doen met event.keyCode. De oplossing: in html zou ik het niet weten, waarschijnlijk kun je de tab wel afvangen in flash en de waarde ervan opslaan.

Of je zou het ranzig moeten maken met een onBlur waarbij je kijkt of die onBlur is ontstaan door een click event, is dat niet zo dan was het waarschijnlijk een Tab en moet je weer een focus aanroepen.

maandag 22 september 2003 15:34

Acties:

bRight

digitaal

Volgens mij wel hoor..

JavaScript:

function keyDown() {
    var keycode = event.keyCode
        if (keycode == 9) {
            // tab ingedrukt
        }
    }
}
document.onkeydown = keyDown

[ Voor 13% gewijzigd door bRight op 22-09-2003 15:35 ]

maandag 22 september 2003 15:39

Acties:

crisp

Devver

Pixelated

Even werkend voorbeeldje (IE only, maar is met wat truuken ook wel werkend te krijgen in Mozilla - je moet dan echter onkeypress gebruiken omdat onkeydown in Moz niet te cancellen is):

HTML:

<html>
<head>
<script type="text/javascript">

var target = null;
function getTarget(el) {
  target = el;
}
function storeCursor(el) {
  if (document.all && el.createTextRange) {
    el.cursorPos = document.selection.createRange().duplicate();
  }
}

function dokeydown() {

  if (target && event.keyCode == 9) {

    target.cursorPos.text = '\t';

    // cancel event
    event.cancelBubble = true;
    event.keyCode = 0;
    event.returnValue = 0;

    target.focus();
    storeCursor(target);

  }

}

</script>
</head>
<body>
<textarea style="height:200px;width:300px;"
  onkeydown="dokeydown()"
  onfocus="getTarget(this)"
  onselect="storeCursor(this)"
  onkeyup="storeCursor(this)"
  onclick="storeCursor(this)"></textarea>
</body>
</html>

In feite kan je bijna alle keys afvangen, inclusief functionkeys

Intentionally left blank

maandag 22 september 2003 16:35

Acties:

Verwijderd

Topicstarter

Bedankt