Question

我需要帮助了解以下行为。我不想改变代码，而是要了解发生了什么：

的test.html

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="utf-8">
        <title>JS Test</title>
        <script src="test.js"></script>
    </head>
    <body>
        <form method="get" action="" id="mainForm">
            <input type="submit">
        </form>
    </body>
</html>

test.js

window.onload = function()
{
    alert("Load");

    mainForm.onsubmit = function(e)
    {
        alert("Submit");
    }
}

当我运行test.html文件时，我收到消息＆＃39;加载＆＃39;这是有道理的。当我点击提交按钮时，我会收到消息＆＃39;提交＆＃39;和＃39;加载＆＃39;这是一个问题：如何显示＆＃39;提交＆＃39;当我按下提交按钮时，会调用匿名函数内部吗？如果我删除此代码：

    mainForm.onsubmit = function(e)
    {
        alert("Submit");
    }

并将其置于匿名函数之外，然后不会调用它（不显示消息＆＃39; Sumbit＆＃39;）。任何人都可以详细说明这是如何/为什么这样做。提前谢谢。

JavaScript onload事件

0 个答案: