ReactJS在textarea中處理製表符

Question

如何在ReactJS中處理製表鍵按下的事件，以便我可以在textarea內縮進文本？

當在textarea上按下tab時onChange事件不會被觸發，所以我猜可能有更高級別的處理程序可以用來檢測此事件。

Answer 1

您可以嘗試onKeyDown並獲取製表符的鍵碼。

add: function(event){ 
    console.log(event.keyCode); //press TAB and get the keyCode 
}, 
render: function(){ 
    return(
     <div> 
      <input type="text" id="one" onKeyDown={this.add} />  
     </div> 
    ); 
}