Javascript 在提交按钮上为事件侦听器编写对象的更好方法？

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

简言之：

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

“document.getElementById（“完成”）.addEventListener（“单击”，function（）{document.forms[0].submit（）}，false）；”……啊……非常正确，我想我让事情变得比以前更困难了。以前有人告诉我，最好使用偶数侦听器，因为上面列出的html方式可能会被利用。

  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);

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

document.getElementById("done").addEventListener("click", function() {
  document.forms[0].submit()
}, false);