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="&";
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