Javascript 事件监听器不工作

Question

事件监听器:

document.getElementById("first").addEventListener("keydown", show_words("p1", "First Name"), false);

功能show_words:

function show_words(z,x)
{
    document.getElementById(z).innerHTML = x;
}

问题:由于某种原因，当我加载页面时，innerHTML的"p1"已经显示。我的问题是:为什么在执行事件之后没有调用该函数？

我尝试过其他事件处理程序，例如鼠标悬停和单击，但innerHTML 立即显示。

Answer 1

您应该使用回调函数。

document.getElementById("first").addEventListener("keydown", function() {
   show_words("p1", "First Name")
}, false);