在表单输入上按Enter，使其失去焦点

Question

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

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

我想这样做，以便当您单击Enter时，输入框只会失去焦点。

我该怎么做？

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>