如何添加onKeyPress事件以響應material-ui文本字段？

Question

我使用了反應材料-ii中的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} 
/> 

Answer 1

onKeyPress是如所提到的那here支撐作出反應的合成關鍵事件。試試這個代碼：

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

Answer 2

請下面的代碼更新onkeypress事件事件

if ((event.keyCode == 10 || event.keyCode == 13) && event.ctrlKey) 

請參閱鏈接Key Code Values

Answer 3

如果（event.key === '回車'）{

}