la méthode addEventListener() ne fonctionne pas

Ok, donc j'ai essayé de faire cette page avec une méthode addEventListener fonction, à l'adresse en cliquant sur un bouton; Cela n'a pas fonctionné. J'ai rétréci vers le bas par la suppression de tout, mais les éléments de base nécessaires pour l'auditeur, et suis parti avec le suivant:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function init(){
    document.getElementById("test").addEventListener("mousedown", function(){
        alert("Test successful");
    });
}
body.onload = init();
</script>
</head>
<body>
<button id="test">Click</button>
</body>
</html>

qui ne fonctionne pas non plus, donc je sais que le problème est dans ma syntaxe ci-dessus. Rappelez-vous, quand j'ai enlevé body.onload = init(); et au lieu de mettre onload="init()" dans la balise body, il a fait un travail :O Problème est, je ne veux pas le faire en ligne. Toutes les suggestions?

Remarque: Ne garder à l'esprit que cette question est pas sur la façon il y a un bug dans le JS, même si le titre pourrait le suggérer, c'est de savoir comment je peut pas le faire fonctionner depuis que j'ai probablement la syntaxe de mal. N'hésitez pas à le renommer si vous le souhaitez.

OriginalL'auteur Bluefire | 2012-05-31