如何用回车键替换 <button>？答案

【问题标题】：How to replace <button> with enter key?如何用回车键替换 <button>？
【发布时间】：2017-12-24 02:53:01
【问题描述】：

所以基本上我有一个页面，用户可以在其中发布状态，用户可以通过在文本框中输入并单击“回复”按钮来评论这些状态。但是，我宁愿删除该按钮，以便用户只需按 Enter 键即可发布回复。任何帮助将不胜感激！

<div id="status_'.$statusid.'" class="panel panel-default">

<form>
<div class="input-group">
<input type="text" id="replytext_'.$statusid.'" onkeyup="statusMax(this,250)" class="form-control" placeholder="Add a comment.." autocomplete="off">
</div>

<button id="replyBtn_'.$statusid.'" onclick="replyToStatus('.$statusid.',\''.$url.'\',\'replytext_'.$statusid.'\',this)">Reply</button>
</form>

</div>

【问题讨论】：

How to submit a form when the return key is pressed?的可能重复
使用css位置属性将按钮移到窗口外，当按下回车键时应该触发。确保按钮被表单元素包裹。

标签： javascript php jquery html ajax

【解决方案1】：

当表单元素处于活动状态时，您可以通过按 Enter 提交表单。请参阅下面的 sn-p，它只是通过它的 onSubmit 事件处理程序挂钩到表单中。

function handleSubmit() {
  alert('Do your thing...');
}

<form id="commentForm" onSubmit="handleSubmit(); return false;">
  <div class="input-group">
    <input type="text" id="replytext_" class="form-control" placeholder="Add a comment.." autocomplete="off">
  </div>
</form>

【讨论】：