仅在Enter且不为空时才使用OnKeyPress

Question

HTML元素

<textarea placeholder="Chat with me" ref="chatInput" onKeyPress={this.handleSendMessage}></textarea>

JS处理程序

handleSendMessage: function(event){
    var data = this.refs.chatInput.getDOMNode().value;
    if(event.keyCode == 13 && data.length > 1){
      //sendMessage....
    }
    else if (event.keyCode == 13 && data.length == 1) {
      //isEmpty so do nothing
    }
  }

我有一个输入字段，并且仅在按ENTER并且textarea不是空白时才想发送消息。 如果文本区域为空白，我什么也不想做...所以输入字段在占位符中将保持空白。 我已经忽略了其余的代码，因为我认为这与我要实现的目标无关。 我将根据要求添加任何其他代码。

Answer 1

handleSendMessage: function(event){
    var data = this.refs.chatInput.getDOMNode().value;
    if(event.keyCode == 13 && data.length > 1){
      //sendMessage....
    }
    else if (event.keyCode == 13 && data.length == 1) {
      //isEmpty so do nothing
      return false;
    }
  }

return false; 应该可以