Javascript 质疑正常行为？

好的，根据我对它的理解，当您将

onsubmit

附加到表单时，设置的代码将运行。因此，本质上是以下代码：

function init() {
    'use strict';
    document.getElementById('saveForm').onSubmit = saveTodo();
    }

window.onload = init;

应该触发saveTodo函数。但是，我的印象是，只有在提交表单时才能执行此操作。下面是saveTodo-函数：

function saveTodo() {
    'use strict';

    console.log('saveTodo()');
    return false;

}

但是，当我刷新浏览器时，即使没有单击表单提交，也会调用此函数

这是onsubmit的正常行为吗

以下是html表单：

<form id="saveForm" name="saveForm">
      <div>
         <label for="todo">Give a task:</label>
         <input type="text" name="todo" id="todo" />
      </div>
      <div>
         <input type="submit" name="add" id="add" value="Add" />
      </div>
 </form>

分配任务：

document.getElementById（'saveForm'）。onSubmit=saveTodo

啊，问题似乎是一个愚蠢的打字错误。而不是使用

onSubmit

语法是

onSubmit

。因此，以下代码有效：

function init() {
    'use strict';

    document.getElementById('saveForm').onsubmit = saveTodo;
    }

---

感谢rps注意到括号。

你能在JSFIDLE上发布你正在使用的全部代码吗？实际上，括号很可能是重要的部分

saveTodo

引用/返回该名称的方法

saveTodo（）

执行该方法并返回结果。因此，在

init（）

-期间进行日志记录，并且元素的onsubmit将设置为

false

。有时，当一个人遇到此类问题时，新鲜的眼睛总是很有帮助的，很高兴把我的眼睛借给你！