0

我写了一个简单的登录页面。我想为提交按钮使用 javascript 事件侦听器。我的目标是通过使用对象来提高我的 javascript 写作效率和清洁度。我选择了一个单例对象函数，因为永远只有一个实例。这就是我所拥有的，我想知道一种更好的方法来编写 javascript 部分。我只包含了 html 部分来说明正在发生的事情：

<head>
    <link rel="stylesheet" href="css/login_main.css"></link>

</head>

<body>
    <form action="index.php" method="post">
    <div id="enter">Enter Username :<span class="blinkme">>_</span><input class="inputs" type="text" name="uname" maxlength="20" autofocus="autofocus"/></div>
    <div id="enter">Enter Password :<span class="blinkme">>_</span><input class="inputs" type="password" name="pword" maxlength="20"/></div>
    <div id="done"><a href="">[< Submit >]</a></div>
    </form>

</body>
            <script style="text/javascript" src="js/login_main.js"></script>
            </html>

本地主机 js # cat login_main.js

  var formStuff = function () {
          var variables = {
        done : document.getElementById("done"),
          }


        function getSubmit () {
            docuement.forms[0].submit();
        }

        return {
            submitForm: getSubmit,
                done: function () { return variables.done; },
        }
    }();

    window.onload = formStuff.done.addEventListener("click", formStuff.getSubmit, false);
4

1 回答 1

1

简单的说：

<div id="done"><a href="javascript:document.forms[0].submit()">[< Submit >]</a></div>

或者（但你应该删除 <a ...>）：

document.getElementById("done").addEventListener("click", function() {
  document.forms[0].submit()
}, false);
于 2012-10-31T03:03:37.633 回答