Pedda: onkeypress BACKSPACE

Beitrag lesen

Hallo zusammen,

ich versuche dem Besucher einer Seite die Eingabe von Text in ein <div> zu ermöglichen...
Das ganze klappt über innerHTML auch ganz gut !
Fragt bitte nicht, warum ich das nicht über eine form und eine textarea realisiere.... ist halt so :(
Das Problem ist, dass das onkeypress-event mit dem backspace der Tastatur nicht klarkommt und in der browser-history immer eine seite zurückspringt.
Wäre schön, wenn mir jemand eine Lösung / ein workaround aufzeigen könnte !
Hier meine function (vereinfacht)
***************************************************
function getKey(evt) {
 document.onkeypress = getKey;
 evt = (evt) ? evt : ((event) ? event : null);
 var charCode = (evt.charCode) ? evt.charCode : evt.keyCode;
 var newKey="";
 if (evt.keyCode==8)
  alert('backspace');
 else if (evt.keyCode==13)
  newKey="<br>";
 else if (evt.keyCode==38)
  newKey="&amp;";
 else
  newKey = String.fromCharCode(charCode);
 displayText(newKey);
}

function displayText(newKey) {
 var oldText = document.getElementById("tt").innerHTML;
 var newText = oldText+""+newKey;
 document.getElementById("tt").innerHTML = newText;
}
******************************************
Und der html-teil

<div id="tt" style="width:450px;height:350px;border:1px solid black;" onFocus="getKey();"></div>

******************************************

Wäre echt toll, wenn einer von euch dazu was konstruktives sagen könnte ;-)

Thnx im Voraus

Pedda