Javascript“addEventListener”事件在页面加载时触发 [英] Javascript "addEventListener" Event Fires on Page Load

问题描述

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

When I run the following script, the event always fires on page load. I am not sure what I am doing wrong here, I create the element, find it in the DOM then attach a listener, but it always fires the event when the page loads and not when the element is clicked.

<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.addEventListener("click", alert("clicktrack"), false);

执行此行时，警告将被调用并返回 undefined 。要传递警报代码，您需要将其包装在函数中。

When this line is executed, the alert will be called and return undefined. To pass the alert code you need to wrap it in a function.

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

这篇关于Javascript“addEventListener”事件在页面加载时触发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！