Javascript"；addEventListener"；事件在页面加载时激发

当我运行以下脚本时，事件总是在页面加载时触发。我不确定我在这里做错了什么，我创建了元素，在DOM中找到它，然后附加一个侦听器，但它总是在页面加载时触发事件，而不是在单击元素时触发事件

<script type="text/javascript" language="javascript">
    document.write("<div id=\"myDiv\">I am a div</div>");
    el = document.getElementById("myDiv");
    el.addEventListener("click", alert("clicktrack"), false);
</script>

文件。书写（“我是一个部门”）；
el=document.getElementById（“myDiv”）；
el.addEventListener（“点击”），警报（“点击跟踪”），假；

执行此行时，将调用

警报

，并返回

未定义

。要传递警报代码，需要将其包装在函数中

el.addEventListener("click", function() { alert("clicktrack"); }, false);

那么：

<script type="text/javascript" language="javascript">
  document.write("<div id=\"myDiv\">I am a div</div>");
  el = document.getElementById("myDiv");
  el.addEventListener("click", function() { alert("clicktrack"); }, false);
</script>

文件。书写（“我是一个部门”）；
el=document.getElementById（“myDiv”）；
el.addEventListener（“单击”，函数（）{alert（“clicktrack”）；}，false）；

<script type="text/javascript" language="javascript">
  document.write("<div id=\"myDiv\">I am a div</div>");
  el = document.getElementById("myDiv");
  el.addEventListener("click", function() { alert("clicktrack"); }, false);
</script>