key binding in react.js
wurde versucht, die Umsetzung der zentralen Bindung in react.js. habe einige der Forschung, aber immer noch Fragen, was ist der sauberste Weg, es zu tun. Zum Beispiel,
if (event.keyCode == 13 /*enter*/) {
function()
}
if (event.keyCode == 27 /*esc*/) {
anotherfunction()
}
- stackoverflow.com/questions/27827234/... vielleicht wird es dir helfen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Landete ich verbindlich das keydown-Ereignis, wenn die Komponente montiert und ausgehängt:
...
...
Wahrscheinlich gibt es ein besserer Weg, dies zu tun. Die Funktion wird verwendet, da ein Teil der dialog-Komponente: https://github.com/changey/react-dialog
Schritt 1 : Definieren Sie im Konstruktor
Schritt 2 : Schreiben Sie es in der render-Methode
Schritt 3 : schreiben Sie die jeweilige Funktion in der Klasse
Hier ist meine Suche-Komponente, werfen Sie bitte einen Blick auf die onSearch Funktion. Ich verwende keine Tastatur-Bindung zu erreichen, die escape-Taste clearing-Eingang und-Defokussierung.
Haben noch nicht einmal genug rep Kommentar auf deine Antwort noch, aber ich würde gern vorschlagen, eine Verbesserung.
Versuchen mit event-Namensräume, wenn Sie die bind/unbind diese. Dies ist besonders wichtig, wenn die Bindung von Ereignissen an den Körper, da es ermöglicht, Sie zu lösen, ohne zu stören andere Bindungen vom gleichen Typ:
Finden Sie unter:
https://css-tricks.com/namespaced-events-jquery/