- Bagaimana anda mendengar papan kekunci bertindak balas?
- Bagaimana anda mengendalikan acara papan kekunci di JS reaksi?
- Bagaimana saya menggunakan onKeyDown sebagai tindak balas?
- Bagaimana anda boleh memberitahu kekunci reaksi tekan?
Bagaimana anda mendengar papan kekunci bertindak balas?
_handleEscKey: function (event) konsol. log (acara); sekiranya (peristiwa. keyCode == 27) ini.
Bagaimana anda mengendalikan acara papan kekunci di JS reaksi?
Peristiwa onKeyPress di ReactJS berlaku apabila pengguna menekan kekunci pada papan kekunci tetapi tidak dipecat untuk semua kekunci e.g. ALT, CTRL, SHIFT, ESC di semua penyemak imbas. Untuk menggunakan acara onKeyPress di ReactJS kita akan menggunakan kaedah onKeyPress yang telah ditetapkan.
Bagaimana saya menggunakan onKeyDown sebagai tindak balas?
Gunakan
- import React dari 'react';
- import keydown dari 'react-keydown';
- kelas MyComponent meluaskan React. Komponen
- @keydown ('enter') // atau tentukan kod `mana` secara langsung, dalam kes ini 13.
- hantar (acara)
- // buat sesuatu, atau tidak, dengan acara kunci, mungkin acara.preventDefault ()
- MyApi. hantar (ini. negeri);
Bagaimana anda boleh memberitahu kekunci reaksi tekan?
Kesan Tekan Kekunci Esc di React
Kami dapat mengesan kunci Esc dengan menambahkan pengendali peristiwa kekunci ke dalam komponen kami. Kami menambah pendengar acara untuk acara keydown dengan memanggil documebnt. addEventListener dalam kaedah komponenDidMount. Ini akan memastikan bahawa pendengar acara ditambahkan semasa komponen dipasang.