JavasScript事件处理最佳实践?

voi*_*hos 1 javascript javascript-events

定义JavaScript调用时,如下所示:

<input type="button" onclick="someJavaScriptFunction" />
Run Code Online (Sandbox Code Playgroud)

写实际通话的最佳方式是什么?我见过很多方法:

javascript:someJavascriptFunction();
Run Code Online (Sandbox Code Playgroud)

要么

justSomeJavaScriptFunction();
Run Code Online (Sandbox Code Playgroud)

要么

withoutTheSemicolon()
Run Code Online (Sandbox Code Playgroud)

任何方法都有任何好处或警告吗?我意识到addEventListener在某些情况下使用更灵活.

mat*_*sko 5

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

Firefox,Chrome,Safari,Opera ......

document.getElementById('someID').addEventListener('click', function() {
    function1();
    function2();
    function3();
});
Run Code Online (Sandbox Code Playgroud)

IE:

document.getElementByID('someID').attachEvent('onclick', function() {
    function1();
    function2();
    function3();
});
Run Code Online (Sandbox Code Playgroud)

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

此外,使用像MooTools或JQuery这样的预制框架可以使这更容易.