mvc - 输入时提交文本输入字段答案

【问题标题】：mvc - submit text input field when entermvc - 输入时提交文本输入字段
【发布时间】：2017-07-27 13:56:11
【问题描述】：

我正在尝试在文本输入字段中使用“Enter”来提交消息（在 SignalR 聊天中）。我已经尝试了数百种方法，但似乎无法正常工作。

我要么想要它，所以当我按下回车键时它会点击 btn 或按下 tab 然后回车。

这是输入和btn

<input class="form-control" id="message" maxlength="200" />

<input type="button" class="btn btn-default" id="sendmessage" value="Send" />

【问题讨论】：

标签： javascript c# asp.net-mvc input signalr

【解决方案1】：

改变

<input type="button" ...

到

<input type="submit" ...

或

<button type="submit" ...

另请参阅button type 文档。

【讨论】：

@CAMELYON - 确保使用 form 元素包装表单。

【解决方案2】：

如果不想使用表单提交，可以在javascript中定义逻辑，

document.getElementById("message")                    // to get the text box
  .addEventListener("keyup", function(evt) {          // Keyup -> Any key pressed
    if (evt.keyCode == 13) {                          // 13 for enter
      document.getElementById("sendmessage").click();
    }
  });

keycode可以参考thissite

【讨论】：