Frage Eventhandling

[Gykonik]

Hey Leute, ich hab nochmal eine Frage...

Mein Ziel ist es, bei 5 verschiedenen Fällen die gleiche Funktion aufzurufen, nämlich:

• Wenn eine Taste gedrückt wird (.onkeydown)
• wenn KnopfA gedrückt wurde
• wenn KnopfB gedrückt wurde
• wenn KnopfC gedrückt wurde
• oder wenn Knopf D gedrückt wurde

Meine Frage wäre nun, wie das möglich ist. Mein Ansatz dabei ist folgender:
Jeden einzelnen Fall kann ich ja einfach so machen

document.onkeydown = function(e) {
...

Jedoch hab ich noch nicht rausgefunden, wie ich die 5 Fälle miteinander verketten kann, sodass immer function(e) aufgerufen wird.
Meine Idee war in etwa sowas:

document.onkeydown || document.getElementById('KnopfA').onclick function(e) {

Schonmal Danke im Vorraus!
LG ~ Gykonik

 

[Sempervivum]

Ganz einfach, Du schreibst eine Funktion, z. B.:

function myOnclick(e) {
    // deine Aktionen
}

und rufst diese auf:

document.getElementById('KnopfA').onclick(function(e) {myOnclick(e)});

Wenn Du den Parameter e nicht benötigst, ist es noch einfacher:

document.getElementById('KnopfA').onclick(myOnclick);

 

[Gykonik]

Super, vielen, vielen Dank! :)

 

[Sempervivum]

PS: Ups, ich glaube, da ist mir ein Fehler unterlaufen, weil ich mehr jQuery oder addEventListener verwende: Die Syntax muss bei deinem Verfahren eine Zuweisung sein:

document.getElementById('KnopfA').onclick = function(e) {myOnclick(e);};

bzw.:

document.getElementById('KnopfA').onclick = myOnclick;

 

[Gykonik]

Das hab ich jetzt soweit, jetzt habe ich noch eine Frage.
Wenn ich jetzt bei

document.getElementById('KnopfA').onclick = function(e) {myOnclick(e);};

für e direkt eine Zahl einsetzten muss hab ich gedacht, dass ich es wiefolgt mache:

document.getElementById('KnopfA').onclick = function(20) {myOnclick(20);};

Jedoch spuckt mir das Programm dann ein Fehler aus (Unexpected Number)...

(Tut mir leid ich kenne mich mit Javascript nicht soo gut aus... :s )

 

[Sempervivum]

Ja, bei function musst Du in den Klammern für den Parameter einen Bezeichner angeben und keinen nummerischen Wert. Und bei den Eventhandlern sind die Parameter vordefiniert. Du muss das e stehen lassen:

document.getElementById('KnopfA').onclick = function(e) {myOnclick(20);};

 

[Gykonik]

Ja, habs grade eben auch selber bemerkt...
schäme mich grade ein bisschen
Aufjedenfall vielen Dank :)

Ich hoffe ich kann dir auch in Zukunft noch ein paar Fragen stellen (Baue grade für meine Website paar Spiele^^)
:)

 

[Sempervivum]

Dann hast Du ja sicher eine interessante Aufgabe mit den Spielen. Melde dich, wenn Du wieder ein Problem hast.