Question

HTML元素

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

JS Handler

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不是BLANK时发送消息。如果文本区域为空白，我想什么都不做......所以输入字段将与占位符保持为空。我已经省略了其余的代码，因为我认为它与我想要实现的内容无关。我会根据要求添加任何其他代码。

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;应该做的伎俩

OnKeyPress仅在Enter和Not Blank时

1 个答案: