html - 发送没有提交按钮的表格

Question

我进行分页，我想在表单编号的文本字段中插入页面，当用户按Enter时将发送页面，或者将光标移出文本字段。

<form method="GET" action="/site">
<input type="text" name="page" />
</form>

我该如何解决这个问题？

Answer 1

您可以使用纯Javascript完成此操作。这是在IIFE中开始的粗略伪代码:

<form method="GET" action="/site">
    <input type="text" name="page" id="yourInput" />
</form>

<script>
(function() {
    var el = document.getElementById('yourInput'); //Get your input by ID
    el.onblur = function() { // when focus lost...
        this.form.submit(); // submit the form
    }
})();
</script>