J'ai utilisé un TextField
de réagir matériel-ui. Je veux savoir si l'utilisateur a appuyé sur Ctrl + Entrée. J'ai essayé d'utiliser l'événement onKeyPress
mais je n'ai obtenu aucun résultat. Comment puis-je atteindre cet objectif?
<TextField
value={this.state.message}
autoFocus={true}
hintText='Type your message here'
onChange={this.onChangeMessage}
onKeyPress={(event) => {
if (event.ctrlKey && event.keyCode == '13')
this.sendMessage();
}}
multiLine={true}
/>
onKeyPress
est un événement clé synthétique que React prend en charge comme indiqué ici . Essayez ce code:
onKeyPress= (e) => {
if (e.key === 'Enter') {
console.log('Enter key pressed');
// write your functionality here
}
}
Veuillez mettre à jour l'événement onKeyPress avec le code ci-dessous.
if ((event.keyCode == 10 || event.keyCode == 13) && event.ctrlKey)
Veuillez consulter le lien pour Valeurs de code clé