javascript - 如何防止 'enter' 键按下带有表单的按钮

Question

我有一个表单，其中有一个按钮，按下时会运行一个 JS 函数。填写表格时，如果我按“输入”，它会运行该功能，而不是提交表格。我怎样才能避免这种情况？

例如

<form>
     <input name="input1">
        <section>
            <input name="input2">
            <button onclick="return deleteThisSection()">Delete</button>
        </section>
    <input type="submit">
</form>

因此在上面的示例中，如果光标位于“input1”或“input2”框中，并且我按下回车键，则会运行“deleteThisSection”函数，而不是提交表单。

Answer 1

将此按钮声明为一种按钮。默认情况下， from 中的按钮声明为type="提交"

.

        <button type="button" onclick="return deleteThisSection()">Delete</button>