javascript - Javascript 事件处理最佳实践？

Question

当定义一个 JavaScript 调用时，像这样:

<input type="button" onclick="someJavaScriptFunction" />

编写实际调用的最佳方式是什么？我见过很多方法:

javascript:someJavascriptFunction();

或

justSomeJavaScriptFunction();

或

withoutTheSemicolon()

这些方法有什么好处或注意事项吗？我意识到在某些情况下使用 addEventListener 更加灵活。

Answer 1

最佳实践本身就是使用 JavaScript 本身来附加事件:

Firefox、Chrome、Safari、Opera...

document.getElementById('someID').addEventListener('click', function() {
    function1();
    function2();
    function3();
});

即:

document.getElementByID('someID').attachEvent('onclick', function() {
    function1();
    function2();
    function3();
});

将两者结合起来使其发挥作用。

此外，使用 MooTools 或 JQuery 等预制框架可以使这更容易。