web-dev-qa-db-fra.com

Comment puis-je ajouter un événement onKeyPress pour réagir à text-ui textfield?

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}
/>
6
Akhil Kumar Pilli

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
            }
    }
7
Vishal Gulati

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é

0
Mothy