Taste zuweisen

F

flandersX

Mitglied
Hallo,

bin mir nicht sicher ob die überschrft stimmt. :)

Ich habe ein gewöhnliches HTML Textfeld.

Ich möchte, wenn ich in das Feld klicke eine Meldung erscheint "bitte Taste drücken".
Und wenn dann eine Taste gedrückt wird..Keyboard oder Maus...dann soll diese Taste dort drin erscheinen. also F1 oder F10 !

Ist das überhaupt möglich mit JS ?

vielen dank !
 
Ja vielen Dank erstmal.

Auf dieser Seite bin ich bereits gewesen.
leider reichen meine Kenntnisse nicht aus um mir aus:

function getKeyCode(event) {
event = event || window.event;
return event.keyCode;
}

ein funktionierendes Script zu bauen..:(
 
Hi,

wenn deine Kenntnisse nicht ausreichen, solltest du dich anständiger Weise im Jobforum melden. Geiz ist geil?

Prinzipiell könnte dein Vorhaben wie folgt aussehen:
- du überwachst die Events onclick, onkeyup, onblur und onmouseup für ein Textfeld
- feuert onclick, wird eine Meldung in ein DIV geschrieben
- ist der Cursor im Textfeld, werden die Integerwerte der gedrückten Taste (onkeyup) ins Feld geschrieben
- wird das Textfeld verlassen (onblur), wird die Meldung im DIV wieder gelöscht

Code: 
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
function getKeyCode(objEvt) {
  objEvt = objEvt || window.event;
  return objEvt.which||objEvt.keyCode;
}

window.onload = function(){
  var objTarget = document.getElementById("txt_id");

  objTarget.onclick = function(){
    document.getElementById("msg_id").innerHTML = "Bitte Taste drücken";
  };
  objTarget.onblur = function(){
    document.getElementById("msg_id").innerHTML = "";
  };
  objTarget.onkeyup = objTarget.onmouseup = function(evt){
    this.value = getKeyCode(evt);
  };
}
 //-->
</script>
</head>
<body>
<div id="msg_id" style="color: #933;">&nbsp;</div>
<input type="text" id="txt_id">
</body>
</html>
Willst du die zugehörige Taste als Zeichenkette ausgeben, könntest du sie z.B. über ein Objekt identifizieren. Der Tastencode (Integerwert) ist der Schlüssel, der zugehörige Wert die Zeichenkette.
Code: 
var objKey = {
  0: 'Maus',
  // ... usw.
  65: 'a'
};
Die Ausgabe ins Textfeld muss dann entsprechend angepasst werden. Aber das sollte auch mit wenig Kenntnis zu schaffen sein.

Ciao
Quaese
 
ho ho ho bleibt mal bitte locker !

Ich habe nur geschrieben, das meine Kenntnisse nicht ausreichen um aus dem codeschnipsel ein fertiges Script zu schreiben. Mehr niccht ! Ich habe nichts verlangt !!
Ein Hinweis in die richtige Richtung hätte gereicht.

Und auf die o.g. Seite, bin ich NACH dem Post gestoßen.
Habe parallel weiterhin nach einer Lösung gesucht.

Es tut mir leid, wenn ich damit irgendwas falsch gemacht habe ........ :(

Ich bedanke mich trotzdem für die Lösung !
 
Zuletzt bearbeitet:
Hi,

ich bin locker geblieben. Sonst hätte ich dir nach meinem Hinweis sicherlich keine Lösungsskizze mit Beispiel präsentiert.

Und jetzt kannst du mich für pingelig oder altmodisch halten, aber es wäre kein "trotzdem" Danke angebracht gewesen, sondern ein "gerade deshalb".

Das musste ich jetzt noch loswerden und damit ist das Thema für mich auch abgehakt.

Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück