如何用enter键替换？

Question

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

<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>

Answer 1

您可以在表单元素处于活动状态时按Enter键提交表单。通过它的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>