在表单输入上按回车键使其失去焦点

Question

我有一个带有输入框和隐藏提交字段的表单：

<form action="javascript:void(0);">
    <input type="text">
    <input type="submit" style="display:none;">
</form>

我想让它当你点击回车时，输入框只是失去焦点。

我怎样才能做到这一点？

Answer 1

试试这个。 请注意，您需要包含 jquery 文件才能使其工作。

<form action="javascript:void(0);">
    <input type="text" id="txtFocus">
    <input type="submit" style="display:none;" id="btnHidden">
</form>
<script>
$("#btnHidden").on('click', function() {
        $('#txtFocus').blur();
});
</script>

Answer 2

为方便起见，为您的输入提供一个 id，您可以使用普通的 javascript 使用这个小函数来完成此操作

<form action="javascript:void(0);">
    <input id="input1" type="text">
    <input type="submit" style="display:none;">
</form>
<script>
document.getElementById('input1').addEventListener('keyup',function(e){
    if (e.which == 13) this.blur();
});
</script>

Answer 3

通过以下方法避免在 JS 代码中查找 ID（在 Firefox 和 Chrome 上测试）。 通过输入失去焦点提交，可能由表单提交触发。

 function myFunction(input) { input.value = input.value.toUpperCase(); return false; }

 <form onsubmit="this.textfield.blur();return false"> <input type="text" id="textfield" onfocusout="myFunction(this)"> <input type="submit" style="display:none;" /> </form>