如何添加onKeyPress事件以响应Material-UI Textfield?

人气:1,071 发布:2022-10-16 标签: reactjs material-ui

问题描述

我使用了Reaction Material-UI中的TextField。我想知道用户是否按了Ctrl+Enter。我已尝试使用onKeyPress事件,但没有结果。我如何实现这一点?

<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是如上所述的反应支持的合成键事件。尝试此代码:

 onKeyPress= {(e) => {
            if (e.key === 'Enter') {
              console.log('Enter key pressed');
              // write your functionality here
            }
    }}

852