javascript - 在非表单中按下 "enter"时按钮隐藏且可点击

Question

我使用ajax提交表单而不刷新页面。

问题是，我想按回车键提交表单。如果我使用表单字段，那就很容易了，因为我只需要输入，

hidden="true"

这是我的代码:

<div id="form">
 <input type="text" id="text" />
 <button hidden="true" id="submit_button"></button>
</div>

Jquery 代码

$(document).ready(function() {
       document.getElementById("submit_button").onclick= function(){submit_form()}

       /*
       ajax request to submit.php
       */;
});

Answer 1

您可以监听 keyDown 事件。

$('#text').keydown(function (e){ //OR on keyup
    if(e.keyCode == 13){
        submit_form()
    }
})