如何用enter键替换<button>?

时间:2017-12-24 02:53:02

标签: javascript php jquery html ajax

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

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

1 个答案:

答案 0 :(得分: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>