1

我有一个 html 文件：

    <!DOCTYPE html>
<html>
<head>


<link rel="stylesheet" type="text/css" href="C:\Users\matthew\AppData\Local\Temp\fz3temp-1\email picker.css"> 
<script src="email picker.js" type="text/javascript"></script>

</head>
<body>
    <div id="main">

        <form>
        <h4>Enter the email addresses in the input box below</h4>
            email:<input id="emailIn" type="text" placeholder=" email" />
            <input type="submit" value="Show entry" onsubmit="insert()" />
        </form>

        <div id="display"></div>
    </div>

</body>
</html>

和一个javascript文件：

    var entries = [];
    var emailInput = document.getElementById("emailIn");
    var messageBox = document.getElementById("display");

    function insert() {
        entries.push(emailInput.value);
        clearAndShow();
    };

    function clearAndShow() {

    emailInput.value = "";
    messageBox.innerHTML = "";

      messageBox.innerHTML += "Emails: " + entries.join(", ") + "<br/>";
    };

和一个简单的 .css 文件。

当我在浏览器中运行代码时，最后一个电子邮件输入不显示。我错过了什么？非常感谢任何帮助。

4

1 回答 1

0

您的问题是您提交了表单，因此页面被重置（并且您insert无论如何都不会绑定该函数，因为输入没有接收到submit事件）。

你可以更换

        <input type="submit" value="Show entry" onsubmit="insert()" />

和

        <input type="button" value="Show entry" onclick="insert()" />
于 2013-02-11T20:30:27.083 回答