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

来完成这个小功能

sorted

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>

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

3 个答案: