Javascript“addEventListener”事件触发页面加载

Question

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>

Answer 1

el.addEventListener("click", alert("clicktrack"), false);执行此行时，alert将调用并返回undefined。要传递警报代码，您需要将其包装在函数中。el.addEventListener("click", function() { alert("clicktrack"); }, false);

Answer 2

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